Palette · 7 colors · Lc 9.4
Gale of the Wind Atelier palette
Gale of the Wind Atelier: a 7-color palette (Green, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #F5EEEC, #CC7C6A, #976200, #007B40, #006AA4, #583164, #1D0B08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EEEC
surface
#CC7C6A
muted
#976200
primary
#007B40
secondary
#006AA4
accent
#583164
text
#1D0B08
Colors in Gale of the Wind Atelier: HEX, RGB, HSL & OKLCH
- #F5EEEC color page →
bg
#F5EEEC
- RGB
- rgb(245 238 236)
- HSL
- hsl(13 31% 94%)
- OKLCH
- oklch(0.954 0.008 36.6)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)
- #CC7C6A color page →
surface
#CC7C6A
- RGB
- rgb(204 124 106)
- HSL
- hsl(11 49% 61%)
- OKLCH
- oklch(0.668 0.104 33.5)
WCAG contrast: on white 3.15:1 (Fail) · on black 6.65:1 (AA)
- #976200 color page →
muted
#976200
- RGB
- rgb(151 98 0)
- HSL
- hsl(39 100% 30%)
- OKLCH
- oklch(0.54 0.115 72.5)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #007B40 color page →
primary
#007B40
- RGB
- rgb(0 123 64)
- HSL
- hsl(151 100% 24%)
- OKLCH
- oklch(0.511 0.131 153.1)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #006AA4 color page →
secondary
#006AA4
- RGB
- rgb(0 106 164)
- HSL
- hsl(201 100% 32%)
- OKLCH
- oklch(0.504 0.122 243.2)
WCAG contrast: on white 5.83:1 (AA) · on black 3.59:1 (Fail)
- #583164 color page →
accent
#583164
- RGB
- rgb(88 49 100)
- HSL
- hsl(286 34% 29%)
- OKLCH
- oklch(0.384 0.095 317.8)
WCAG contrast: on white 10.30:1 (AAA) · on black 2.03:1 (Fail)
- #1D0B08 color page →
text
#1D0B08
- RGB
- rgb(29 11 8)
- HSL
- hsl(9 57% 7%)
- OKLCH
- oklch(0.177 0.032 31)
WCAG contrast: on white 19.02:1 (AAA) · on black 1.10:1 (Fail)
Export Gale of the Wind Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5eeec;
--surface: #cc7c6a;
--muted: #976200;
--primary: #007b40;
--secondary: #006aa4;
--accent: #583164;
--text: #1d0b08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5eeec;
--color-surface: #cc7c6a;
--color-muted: #976200;
--color-primary: #007b40;
--color-secondary: #006aa4;
--color-accent: #583164;
--color-text: #1d0b08;
}JSON (DTCG tokens)
{
"gale-of-the-wind-atelier-54i": {
"bg": {
"$type": "color",
"$value": "#f5eeec"
},
"surface": {
"$type": "color",
"$value": "#cc7c6a"
},
"muted": {
"$type": "color",
"$value": "#976200"
},
"primary": {
"$type": "color",
"$value": "#007b40"
},
"secondary": {
"$type": "color",
"$value": "#006aa4"
},
"accent": {
"$type": "color",
"$value": "#583164"
},
"text": {
"$type": "color",
"$value": "#1d0b08"
}
}
}About this palette
Gale of the Wind Atelier is a 7-color OKLCH-ready palette tagged green, cold, 7 colors. Hex values: #F5EEEC, #CC7C6A, #976200, #007B40, #006AA4, #583164, #1D0B08. APCA contrast score Lc 9.4. 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 Gale of the Wind Atelier by OKLab color distance.