Palette · 9 colors · Lc 9.6
Classic Warm Blue Forge palette
Classic Warm Blue Forge: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #F0F1F7, #9EA3EC, #5C5ADA, #008A7F, #7F6600, #722939, #2B304E, #121226, #040411, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#F0F1F7
surface
#9EA3EC
muted
#5C5ADA
primary
#008A7F
secondary
#7F6600
accent
#722939
highlight
#2B304E
border
#121226
text
#040411
Colors in Classic Warm Blue Forge: HEX, RGB, HSL & OKLCH
- #F0F1F7 color page →
bg
#F0F1F7
- RGB
- rgb(240 241 247)
- HSL
- hsl(231 30% 95%)
- OKLCH
- oklch(0.959 0.008 278.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.63:1 (AAA)
- #9EA3EC color page →
surface
#9EA3EC
- RGB
- rgb(158 163 236)
- HSL
- hsl(236 67% 77%)
- OKLCH
- oklch(0.739 0.105 280.5)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.90:1 (AAA)
- #5C5ADA color page →
muted
#5C5ADA
- RGB
- rgb(92 90 218)
- HSL
- hsl(241 63% 60%)
- OKLCH
- oklch(0.542 0.19 278.6)
WCAG contrast: on white 5.34:1 (AA) · on black 3.92:1 (Fail)
- #008A7F color page →
primary
#008A7F
- RGB
- rgb(0 138 127)
- HSL
- hsl(175 100% 27%)
- OKLCH
- oklch(0.57 0.1 185.1)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.94:1 (AA)
- #7F6600 color page →
secondary
#7F6600
- RGB
- rgb(127 102 0)
- HSL
- hsl(48 100% 25%)
- OKLCH
- oklch(0.52 0.106 91.9)
WCAG contrast: on white 5.52:1 (AA) · on black 3.80:1 (Fail)
- #722939 color page →
accent
#722939
- RGB
- rgb(114 41 57)
- HSL
- hsl(347 47% 30%)
- OKLCH
- oklch(0.393 0.104 9.8)
WCAG contrast: on white 10.03:1 (AAA) · on black 2.09:1 (Fail)
- #2B304E color page →
highlight
#2B304E
- RGB
- rgb(43 48 78)
- HSL
- hsl(231 29% 24%)
- OKLCH
- oklch(0.319 0.054 275.7)
WCAG contrast: on white 12.84:1 (AAA) · on black 1.63:1 (Fail)
- #121226 color page →
border
#121226
- RGB
- rgb(18 18 38)
- HSL
- hsl(240 36% 11%)
- OKLCH
- oklch(0.194 0.04 282)
WCAG contrast: on white 18.41:1 (AAA) · on black 1.14:1 (Fail)
- #040411 color page →
text
#040411
- RGB
- rgb(4 4 17)
- HSL
- hsl(240 62% 4%)
- OKLCH
- oklch(0.118 0.033 280.1)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
Export Classic Warm Blue Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f1f7;
--surface: #9ea3ec;
--muted: #5c5ada;
--primary: #008a7f;
--secondary: #7f6600;
--accent: #722939;
--highlight: #2b304e;
--border: #121226;
--text: #040411;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f1f7;
--color-surface: #9ea3ec;
--color-muted: #5c5ada;
--color-primary: #008a7f;
--color-secondary: #7f6600;
--color-accent: #722939;
--color-highlight: #2b304e;
--color-border: #121226;
--color-text: #040411;
}JSON (DTCG tokens)
{
"classic-warm-blue-forge-7oh": {
"bg": {
"$type": "color",
"$value": "#f0f1f7"
},
"surface": {
"$type": "color",
"$value": "#9ea3ec"
},
"muted": {
"$type": "color",
"$value": "#5c5ada"
},
"primary": {
"$type": "color",
"$value": "#008a7f"
},
"secondary": {
"$type": "color",
"$value": "#7f6600"
},
"accent": {
"$type": "color",
"$value": "#722939"
},
"highlight": {
"$type": "color",
"$value": "#2b304e"
},
"border": {
"$type": "color",
"$value": "#121226"
},
"text": {
"$type": "color",
"$value": "#040411"
}
}
}About this palette
Classic Warm Blue Forge is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #F0F1F7, #9EA3EC, #5C5ADA, #008A7F, #7F6600, #722939, #2B304E, #121226, #040411. 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 Classic Warm Blue Forge by OKLab color distance.