Container colours

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