Palette · 9 colors · Lc 8.5
Classic Amazon Fog palette
Classic Amazon Fog: a 9-color palette (Turquoise, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #DCF1E4, #B0DECB, #8AC7A5, #56997C, #387C5B, #29674A, #003E2D, #002A21, #040908, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCF1E4
surface
#B0DECB
muted
#8AC7A5
primary
#56997C
secondary
#387C5B
accent
#29674A
highlight
#003E2D
border
#002A21
text
#040908
Colors in Classic Amazon Fog: HEX, RGB, HSL & OKLCH
- #DCF1E4 color page →
bg
#DCF1E4
- RGB
- rgb(220 241 228)
- HSL
- hsl(143 43% 90%)
- OKLCH
- oklch(0.939 0.028 158.7)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.74:1 (AAA)
- #B0DECB color page →
surface
#B0DECB
- RGB
- rgb(176 222 203)
- HSL
- hsl(155 41% 78%)
- OKLCH
- oklch(0.863 0.055 167.9)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.15:1 (AAA)
- #8AC7A5 color page →
muted
#8AC7A5
- RGB
- rgb(138 199 165)
- HSL
- hsl(147 35% 66%)
- OKLCH
- oklch(0.779 0.08 159.4)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.79:1 (AAA)
- #56997C color page →
primary
#56997C
- RGB
- rgb(86 153 124)
- HSL
- hsl(154 28% 47%)
- OKLCH
- oklch(0.63 0.082 164.3)
WCAG contrast: on white 3.36:1 (Fail) · on black 6.24:1 (AA)
- #387C5B color page →
secondary
#387C5B
- RGB
- rgb(56 124 91)
- HSL
- hsl(151 38% 35%)
- OKLCH
- oklch(0.532 0.087 160.2)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #29674A color page →
accent
#29674A
- RGB
- rgb(41 103 74)
- HSL
- hsl(152 43% 28%)
- OKLCH
- oklch(0.465 0.08 160.5)
WCAG contrast: on white 6.70:1 (AA) · on black 3.13:1 (Fail)
- #003E2D color page →
highlight
#003E2D
- RGB
- rgb(0 62 45)
- HSL
- hsl(164 100% 12%)
- OKLCH
- oklch(0.323 0.066 167.9)
WCAG contrast: on white 12.16:1 (AAA) · on black 1.72:1 (Fail)
- #002A21 color page →
border
#002A21
- RGB
- rgb(0 42 33)
- HSL
- hsl(167 100% 8%)
- OKLCH
- oklch(0.254 0.048 174.4)
WCAG contrast: on white 15.51:1 (AAA) · on black 1.35:1 (Fail)
- #040908 color page →
text
#040908
- RGB
- rgb(4 9 8)
- HSL
- hsl(168 38% 3%)
- OKLCH
- oklch(0.132 0.011 183.1)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
Export Classic Amazon Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcf1e4;
--surface: #b0decb;
--muted: #8ac7a5;
--primary: #56997c;
--secondary: #387c5b;
--accent: #29674a;
--highlight: #003e2d;
--border: #002a21;
--text: #040908;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcf1e4;
--color-surface: #b0decb;
--color-muted: #8ac7a5;
--color-primary: #56997c;
--color-secondary: #387c5b;
--color-accent: #29674a;
--color-highlight: #003e2d;
--color-border: #002a21;
--color-text: #040908;
}JSON (DTCG tokens)
{
"classic-amazon-fog-1k3": {
"bg": {
"$type": "color",
"$value": "#dcf1e4"
},
"surface": {
"$type": "color",
"$value": "#b0decb"
},
"muted": {
"$type": "color",
"$value": "#8ac7a5"
},
"primary": {
"$type": "color",
"$value": "#56997c"
},
"secondary": {
"$type": "color",
"$value": "#387c5b"
},
"accent": {
"$type": "color",
"$value": "#29674a"
},
"highlight": {
"$type": "color",
"$value": "#003e2d"
},
"border": {
"$type": "color",
"$value": "#002a21"
},
"text": {
"$type": "color",
"$value": "#040908"
}
}
}About this palette
Classic Amazon Fog is a 9-color OKLCH-ready palette tagged turquoise, cold, 9 colors. Hex values: #DCF1E4, #B0DECB, #8AC7A5, #56997C, #387C5B, #29674A, #003E2D, #002A21, #040908. APCA contrast score Lc 8.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Amazon Fog by OKLab color distance.