#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#2C2D2EGunmetal
#666769Dove Gray
#E6FFC5Cream
#FAFAF8Snow
Cream & Dove Gray Echo is a neutral-based color palette tagged minimal, gray, beige. Built almost entirely from neutrals, with Cream (#E6FFC5) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Gunmetal | #2C2D2E | rgb(44, 45, 46) | hsl(210, 2%, 18%) | oklch(29.7% 0.002 248) | |
| Dove Gray | #666769 | rgb(102, 103, 105) | hsl(220, 1%, 41%) | oklch(51.4% 0.003 265) | |
| Cream | #E6FFC5 | rgb(230, 255, 197) | hsl(86, 100%, 89%) | oklch(96.7% 0.080 127) | |
| Snow | #FAFAF8 | rgb(250, 250, 248) | hsl(60, 17%, 98%) | oklch(98.5% 0.003 106) |
Why it works and how to use it
It works because the lightness range is wide (18% to 98%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Snow (#FAFAF8) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#2C2D2E) on #FAFAF8 gives 13.2:1, passing WCAG AAA.
- Primary: Cream (#E6FFC5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dove Gray (#666769) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Snow at 13.2:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cream & Dove Gray Echo
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#2C2D2E
#666769
#E6FFC5
#FAFAF8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2C2D2E on #FAFAF8 | Aa | 13.2:1 | AAA |
#2C2D2E on #E6FFC5 | Aa | 12.8:1 | AAA |
#666769 on #FAFAF8 | Aa | 5.42:1 | AA |
#666769 on #E6FFC5 | Aa | 5.25:1 | AA |
#2C2D2E on #666769 | Aa | 2.44:1 | Fail |
#E6FFC5 on #FAFAF8 | Aa | 1.03:1 | Fail |
Similar palettes 24 more in this mood
#FFFDE8
#FFF3A3
#D4EBC2
#3B4C3A
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#F0EFE4
#D1BA00
#B8B498
#2E2B1B
#FDF7ED
#C61C26
#E5D3BA
#313235
#FDFDFF
#FFDFBC
#B9B9B9
#222222
#3A332F
#E07500
#BEA99C
#F0ECE9
#1E1E10
#DC45A0
#DADABB
#F3F3EA
#EEECF5
#FFD878
#D3C9EF
#1C1925
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#F1EDEA
#C2AA9C
#3278FF
#241E1B
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9
#F9EDEA
#E8C4B8
#B76E79
#4A3F3C
#FFD2BC
#474747
#936DC2
#EEEEEE
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#F9F1EA
#DEDFC6
#55CE93
#4A3A30
#1D2227
#586674
#F5D4B6
#FEF9F3
#3C3A36
#999288
#FCF8F1
#FDD8A0
#3E4551
#677287
#EDF3FE
#FFE2A8
#121212
#6B6B6B
#FFECB7
#EEEEEE
#FFF9F4
#FFE0C7
#F28C38
#2A2320
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#FFF1DE
#FFD788
#ADA187
#57544C