Palette · 8 colors · Lc 8.8
Amazon Studio palette
Amazon Studio: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E8EEDB, #8E9F6F, #337C60, #346C82, #685E8B, #7A4F61, #5F3D1E, #060804, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8EEDB
surface
#8E9F6F
muted
#337C60
primary
#346C82
secondary
#685E8B
accent
#7A4F61
highlight
#5F3D1E
text
#060804
Colors in Amazon Studio: HEX, RGB, HSL & OKLCH
- #E8EEDB color page →
bg
#E8EEDB
- RGB
- rgb(232 238 219)
- HSL
- hsl(79 36% 90%)
- OKLCH
- oklch(0.939 0.026 121.2)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.68:1 (AAA)
- #8E9F6F color page →
surface
#8E9F6F
- RGB
- rgb(142 159 111)
- HSL
- hsl(81 20% 53%)
- OKLCH
- oklch(0.677 0.07 124.1)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.33:1 (AAA)
- #337C60 color page →
muted
#337C60
- RGB
- rgb(51 124 96)
- HSL
- hsl(157 42% 34%)
- OKLCH
- oklch(0.532 0.086 165.2)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #346C82 color page →
primary
#346C82
- RGB
- rgb(52 108 130)
- HSL
- hsl(197 43% 36%)
- OKLCH
- oklch(0.503 0.068 226.3)
WCAG contrast: on white 5.81:1 (AA) · on black 3.61:1 (Fail)
- #685E8B color page →
secondary
#685E8B
- RGB
- rgb(104 94 139)
- HSL
- hsl(253 19% 46%)
- OKLCH
- oklch(0.51 0.071 293.9)
WCAG contrast: on white 5.89:1 (AA) · on black 3.56:1 (Fail)
- #7A4F61 color page →
accent
#7A4F61
- RGB
- rgb(122 79 97)
- HSL
- hsl(335 21% 39%)
- OKLCH
- oklch(0.481 0.063 353)
WCAG contrast: on white 6.73:1 (AA) · on black 3.11:1 (Fail)
- #5F3D1E color page →
highlight
#5F3D1E
- RGB
- rgb(95 61 30)
- HSL
- hsl(29 52% 25%)
- OKLCH
- oklch(0.393 0.066 61.3)
WCAG contrast: on white 9.66:1 (AAA) · on black 2.17:1 (Fail)
- #060804 color page →
text
#060804
- RGB
- rgb(6 8 4)
- HSL
- hsl(90 33% 2%)
- OKLCH
- oklch(0.129 0.012 127.8)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Amazon Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8eedb;
--surface: #8e9f6f;
--muted: #337c60;
--primary: #346c82;
--secondary: #685e8b;
--accent: #7a4f61;
--highlight: #5f3d1e;
--text: #060804;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8eedb;
--color-surface: #8e9f6f;
--color-muted: #337c60;
--color-primary: #346c82;
--color-secondary: #685e8b;
--color-accent: #7a4f61;
--color-highlight: #5f3d1e;
--color-text: #060804;
}JSON (DTCG tokens)
{
"amazon-studio-24a": {
"bg": {
"$type": "color",
"$value": "#e8eedb"
},
"surface": {
"$type": "color",
"$value": "#8e9f6f"
},
"muted": {
"$type": "color",
"$value": "#337c60"
},
"primary": {
"$type": "color",
"$value": "#346c82"
},
"secondary": {
"$type": "color",
"$value": "#685e8b"
},
"accent": {
"$type": "color",
"$value": "#7a4f61"
},
"highlight": {
"$type": "color",
"$value": "#5f3d1e"
},
"text": {
"$type": "color",
"$value": "#060804"
}
}
}About this palette
Amazon Studio is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #E8EEDB, #8E9F6F, #337C60, #346C82, #685E8B, #7A4F61, #5F3D1E, #060804. APCA contrast score Lc 8.8. 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 Amazon Studio by OKLab color distance.