Palette · 7 colors · Lc 9.6
Iced Coffee Harbor palette
Iced Coffee Harbor: a 7-color palette (Green, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F4F0E8, #D1C1A4, #B28A59, #92653F, #714527, #4C290B, #271305, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4F0E8
surface
#D1C1A4
muted
#B28A59
primary
#92653F
secondary
#714527
accent
#4C290B
text
#271305
Colors in Iced Coffee Harbor: HEX, RGB, HSL & OKLCH
- #F4F0E8 color page →
bg
#F4F0E8
- RGB
- rgb(244 240 232)
- HSL
- hsl(40 35% 93%)
- OKLCH
- oklch(0.956 0.011 84.6)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.47:1 (AAA)
- #D1C1A4 color page →
surface
#D1C1A4
- RGB
- rgb(209 193 164)
- HSL
- hsl(39 33% 73%)
- OKLCH
- oklch(0.817 0.043 82.4)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.87:1 (AAA)
- #B28A59 color page →
muted
#B28A59
- RGB
- rgb(178 138 89)
- HSL
- hsl(33 37% 52%)
- OKLCH
- oklch(0.66 0.082 71.3)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.67:1 (AA)
- #92653F color page →
primary
#92653F
- RGB
- rgb(146 101 63)
- HSL
- hsl(27 40% 41%)
- OKLCH
- oklch(0.545 0.079 60.2)
WCAG contrast: on white 5.05:1 (AA) · on black 4.15:1 (Fail)
- #714527 color page →
secondary
#714527
- RGB
- rgb(113 69 39)
- HSL
- hsl(24 49% 30%)
- OKLCH
- oklch(0.435 0.075 53.7)
WCAG contrast: on white 8.13:1 (AAA) · on black 2.58:1 (Fail)
- #4C290B color page →
accent
#4C290B
- RGB
- rgb(76 41 11)
- HSL
- hsl(28 75% 17%)
- OKLCH
- oklch(0.321 0.067 57.1)
WCAG contrast: on white 12.88:1 (AAA) · on black 1.62:1 (Fail)
- #271305 color page →
text
#271305
- RGB
- rgb(39 19 5)
- HSL
- hsl(25 77% 9%)
- OKLCH
- oklch(0.212 0.041 55)
WCAG contrast: on white 17.77:1 (AAA) · on black 1.18:1 (Fail)
Export Iced Coffee Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f0e8;
--surface: #d1c1a4;
--muted: #b28a59;
--primary: #92653f;
--secondary: #714527;
--accent: #4c290b;
--text: #271305;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f0e8;
--color-surface: #d1c1a4;
--color-muted: #b28a59;
--color-primary: #92653f;
--color-secondary: #714527;
--color-accent: #4c290b;
--color-text: #271305;
}JSON (DTCG tokens)
{
"iced-coffee-harbor-vi": {
"bg": {
"$type": "color",
"$value": "#f4f0e8"
},
"surface": {
"$type": "color",
"$value": "#d1c1a4"
},
"muted": {
"$type": "color",
"$value": "#b28a59"
},
"primary": {
"$type": "color",
"$value": "#92653f"
},
"secondary": {
"$type": "color",
"$value": "#714527"
},
"accent": {
"$type": "color",
"$value": "#4c290b"
},
"text": {
"$type": "color",
"$value": "#271305"
}
}
}About this palette
Iced Coffee Harbor is a 7-color OKLCH-ready palette tagged green, warm, nature, brown, 7 colors. Hex values: #F4F0E8, #D1C1A4, #B28A59, #92653F, #714527, #4C290B, #271305. APCA contrast score Lc 9.6. 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 Iced Coffee Harbor by OKLab color distance.