Palette · 4 colors · Lc 9.6
Matt Blue Forge palette
Matt Blue Forge: a 4-color palette (Violet, Cold, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #F8F8F8, #95C1E4, #006FD8, #07131A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F8
surface
#95C1E4
accent
#006FD8
text
#07131A
Colors in Matt Blue Forge: HEX, RGB, HSL & OKLCH
- #F8F8F8 color page →
bg
#F8F8F8
- RGB
- rgb(248 248 248)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.979 0 0)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #95C1E4 color page →
surface
#95C1E4
- RGB
- rgb(149 193 228)
- HSL
- hsl(207 59% 74%)
- OKLCH
- oklch(0.792 0.068 242.7)
WCAG contrast: on white 1.90:1 (Fail) · on black 11.02:1 (AAA)
- #006FD8 color page →
accent
#006FD8
- RGB
- rgb(0 111 216)
- HSL
- hsl(209 100% 42%)
- OKLCH
- oklch(0.55 0.182 255.1)
WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)
- #07131A color page →
text
#07131A
- RGB
- rgb(7 19 26)
- HSL
- hsl(202 58% 6%)
- OKLCH
- oklch(0.179 0.023 234.9)
WCAG contrast: on white 18.79:1 (AAA) · on black 1.11:1 (Fail)
Export Matt Blue Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f8;
--surface: #95c1e4;
--accent: #006fd8;
--text: #07131a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f8;
--color-surface: #95c1e4;
--color-accent: #006fd8;
--color-text: #07131a;
}JSON (DTCG tokens)
{
"matt-blue-forge-3fi": {
"bg": {
"$type": "color",
"$value": "#f8f8f8"
},
"surface": {
"$type": "color",
"$value": "#95c1e4"
},
"accent": {
"$type": "color",
"$value": "#006fd8"
},
"text": {
"$type": "color",
"$value": "#07131a"
}
}
}About this palette
Matt Blue Forge is a 4-color OKLCH-ready palette tagged violet, cold, ui system, 4 colors. Hex values: #F8F8F8, #95C1E4, #006FD8, #07131A. 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 Matt Blue Forge by OKLab color distance.