Palette · 7 colors · Lc 10
Steady Crimson Cloud Harbor palette
Steady Crimson Cloud Harbor: a 7-color palette (Orange, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F9F1DF, #BB8D3B, #C13142, #2D63BC, #23471B, #2F2203, #090502, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9F1DF
surface
#BB8D3B
muted
#C13142
primary
#2D63BC
secondary
#23471B
accent
#2F2203
text
#090502
Colors in Steady Crimson Cloud Harbor: HEX, RGB, HSL & OKLCH
- #F9F1DF color page →
bg
#F9F1DF
- RGB
- rgb(249 241 223)
- HSL
- hsl(42 68% 93%)
- OKLCH
- oklch(0.96 0.025 86.9)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.67:1 (AAA)
- #BB8D3B color page →
surface
#BB8D3B
- RGB
- rgb(187 141 59)
- HSL
- hsl(38 52% 48%)
- OKLCH
- oklch(0.672 0.113 79)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.98:1 (AA)
- #C13142 color page →
muted
#C13142
- RGB
- rgb(193 49 66)
- HSL
- hsl(353 60% 47%)
- OKLCH
- oklch(0.541 0.18 19.5)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #2D63BC color page →
primary
#2D63BC
- RGB
- rgb(45 99 188)
- HSL
- hsl(217 61% 46%)
- OKLCH
- oklch(0.512 0.152 259.9)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #23471B color page →
secondary
#23471B
- RGB
- rgb(35 71 27)
- HSL
- hsl(109 45% 19%)
- OKLCH
- oklch(0.359 0.082 140.1)
WCAG contrast: on white 10.56:1 (AAA) · on black 1.98:1 (Fail)
- #2F2203 color page →
accent
#2F2203
- RGB
- rgb(47 34 3)
- HSL
- hsl(42 88% 10%)
- OKLCH
- oklch(0.261 0.05 85.4)
WCAG contrast: on white 15.54:1 (AAA) · on black 1.35:1 (Fail)
- #090502 color page →
text
#090502
- RGB
- rgb(9 5 2)
- HSL
- hsl(26 64% 2%)
- OKLCH
- oklch(0.12 0.015 69.3)
WCAG contrast: on white 20.30:1 (AAA) · on black 1.03:1 (Fail)
Export Steady Crimson Cloud Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9f1df;
--surface: #bb8d3b;
--muted: #c13142;
--primary: #2d63bc;
--secondary: #23471b;
--accent: #2f2203;
--text: #090502;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9f1df;
--color-surface: #bb8d3b;
--color-muted: #c13142;
--color-primary: #2d63bc;
--color-secondary: #23471b;
--color-accent: #2f2203;
--color-text: #090502;
}JSON (DTCG tokens)
{
"steady-crimson-cloud-harbor-4w3": {
"bg": {
"$type": "color",
"$value": "#f9f1df"
},
"surface": {
"$type": "color",
"$value": "#bb8d3b"
},
"muted": {
"$type": "color",
"$value": "#c13142"
},
"primary": {
"$type": "color",
"$value": "#2d63bc"
},
"secondary": {
"$type": "color",
"$value": "#23471b"
},
"accent": {
"$type": "color",
"$value": "#2f2203"
},
"text": {
"$type": "color",
"$value": "#090502"
}
}
}About this palette
Steady Crimson Cloud Harbor is a 7-color OKLCH-ready palette tagged orange, warm, 7 colors. Hex values: #F9F1DF, #BB8D3B, #C13142, #2D63BC, #23471B, #2F2203, #090502. APCA contrast score Lc 10. 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 Steady Crimson Cloud Harbor by OKLab color distance.