Palette · 4 colors · Lc 9.1
Quiet Cape Verde Garden palette
Quiet Cape Verde Garden: a 4-color palette (Turquoise, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #DEF5F7, #80BCB7, #005249, #001018, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEF5F7
surface
#80BCB7
accent
#005249
text
#001018
Colors in Quiet Cape Verde Garden: HEX, RGB, HSL & OKLCH
- #DEF5F7 color page →
bg
#DEF5F7
- RGB
- rgb(222 245 247)
- HSL
- hsl(185 61% 92%)
- OKLCH
- oklch(0.954 0.024 203.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.50:1 (AAA)
- #80BCB7 color page →
surface
#80BCB7
- RGB
- rgb(128 188 183)
- HSL
- hsl(175 31% 62%)
- OKLCH
- oklch(0.753 0.062 189.4)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.79:1 (AAA)
- #005249 color page →
accent
#005249
- RGB
- rgb(0 82 73)
- HSL
- hsl(173 100% 16%)
- OKLCH
- oklch(0.394 0.07 182.3)
WCAG contrast: on white 9.11:1 (AAA) · on black 2.30:1 (Fail)
- #001018 color page →
text
#001018
- RGB
- rgb(0 16 24)
- HSL
- hsl(200 100% 5%)
- OKLCH
- oklch(0.161 0.031 227.5)
WCAG contrast: on white 19.31:1 (AAA) · on black 1.08:1 (Fail)
Export Quiet Cape Verde Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def5f7;
--surface: #80bcb7;
--accent: #005249;
--text: #001018;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def5f7;
--color-surface: #80bcb7;
--color-accent: #005249;
--color-text: #001018;
}JSON (DTCG tokens)
{
"quiet-cape-verde-garden-66o": {
"bg": {
"$type": "color",
"$value": "#def5f7"
},
"surface": {
"$type": "color",
"$value": "#80bcb7"
},
"accent": {
"$type": "color",
"$value": "#005249"
},
"text": {
"$type": "color",
"$value": "#001018"
}
}
}About this palette
Quiet Cape Verde Garden is a 4-color OKLCH-ready palette tagged turquoise, gray, cold, ocean, nature, 4 colors. Hex values: #DEF5F7, #80BCB7, #005249, #001018. APCA contrast score Lc 9.1. 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 Quiet Cape Verde Garden by OKLab color distance.