Neutral background/container colour combinations to use in your designs. Sorted from lightest to darkest.
Background: #ffffff
Container: #f8fafc
Background: #ffffff
Container: #f3f4f6
Background: #ffffff
Container: #f3f4f5
Background: #ffffff
Container: #f4f6f8
Background: #ffffff
Container: #f4f4f0
Border: #dddddd
Background: #ffffff
Container: #fafafa
Background: #ffffff
Container: #f0f1f5
Background: #ffffff
Container: #f4f4f5
Background: #ffffff
Container: #f5f5fa
Background: #ffffff
Container: #f5f5f5
Background: #ffffff
Container: #f5f5f4
Background: #ffffff
Container: #f0f0f0
Background: #ffffff
Container: #f5f2f0
Background: #ffffff
Container: #f2f2f2
Background: #ffffff
Container: #f1f3f6
Background: #ffffff
Container: #f1f1f6
Background: #ffffff
Container: #efefef
Background: #ffffff
Container: #eeeeee
Background: #ffffff
Container: #f5f6f8
Background: #ffffff
Container: #f7f7f8
Background: #ffffff
Container: #f7f9f9
Background: #ffffff
Container: #f6f6f6
Background: #ffffff
Container: #eaf4f4
Background: #ffffff
Container: #f6f7fb
Background: #ffffff
Container: #f8f7fc
Background: #ffffff
Container: #f3f3f4
Background: #ffffff
Container: #f3f4f6
Border: #e4e7eb
Background: #ffffff
Container: #f9fafb
Border: #e4e7eb
Background: #ffffff
Container: #f9fafb
Border: #f3f4f6
Background: #ffffff
Container: #f9f8f1
Background: #ffffff
Container: #f3f2f0
Background: #ffffff
Container: #f2f2f2
Border: #dfe0e0
Background: #ffffff
Container: #f7f8f8
Border: #e3e7e7
Background: #ffffff
Container: #f7f8f8
Background: #ffffff
Container: #f7f7f7
Background: #ffffff
Container: #f0f3f4
Background: #ffffff
Container: #f4f8fe
Background: #fffefc
Container: #f9f5f1
Background: #fefff8
Container: #f6f8ea
Background: #fbf9f3
Container: #ffffff
Background: #faf7f2
Container: #ffffff
Background: #f9fafc
Container: #ffffff
Background: #f9fafb
Container: #e5e7eb
Background: #f9fafb
Container: #f5f6f8
Border: #eaecf0
Background: #f8fafd
Container: #ffffff
Border: #ebeef3
Background: #f8fafc
Container: #ffffff
Background: #f8f5ed
Container: #e6e5e9
Background: #f7f5ed
Container: #fdfdfd
Background: #f6f9fc
Container: #ffffff
Background: #f6f6f8
Container: #ffffff
Background: #f5f8fa
Container: #ffffff
Background: #f5f5f4
Container: #ffffff
Background: #f5f4f8
Container: #ffffff
Background: #f4f5f7
Container: #ffffff
Background: #f4f4f4
Container: #ffffff
Background: #f4f3f0
Container: #ebe8e1
Background: #f3f3f4
Container: #ffffff
Background: #f3f2f1
Container: #ffffff
Background: #f2f2f2
Container: #ffffff
Background: #eeeeea
Container: #ffffff
Background: #edeef0
Container: #fafafa
Background: #27282a
Container: #444548
Background: #222222
Container: #2f2f2f
Background: #202124
Container: #191919
Background: #1f2125
Container: #27292d
Background: #18181b
Container: #27272a
Background: #161616
Container: #282828
Background: #131314
Container: #1c1c1d
Background: #131314
Container: #1c1c1d
Border: #212123
Background: #11111b
Container: #22222a
Background: #0e1414
Container: #131919
Border: #172121
Background: #0a1530
Container: #19294a
Background: #060606
Container: #1b1c1d
Background: #05010d
Container: #120e19
Background: #050505
Container: #1c1d21
Background: #020507
Container: #252627
Background: #01161e
Container: #1b2e35
Background: #01161e
Container: #0e2229
Border: #21333a
Background: #010912
Container: #131f2d
Background: #010415
Container: #141727
Background: #000000
Container: #121212
Background: #000000
Container: #111111
Border: #333333