Palette · 4 colors · Lc 9.8
Steady Porcini Meadow palette
Steady Porcini Meadow: a 4-color palette (Yellow, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #FAF8F2, #E6D8B8, #D6AD89, #3C3523, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF8F2
surface
#E6D8B8
accent
#D6AD89
text
#3C3523
Colors in Steady Porcini Meadow: HEX, RGB, HSL & OKLCH
- #FAF8F2 color page →
bg
#FAF8F2
- RGB
- rgb(250 248 242)
- HSL
- hsl(45 44% 96%)
- OKLCH
- oklch(0.979 0.008 91.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #E6D8B8 color page →
surface
#E6D8B8
- RGB
- rgb(230 216 184)
- HSL
- hsl(42 48% 81%)
- OKLCH
- oklch(0.885 0.045 87.2)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.87:1 (AAA)
- #D6AD89 color page →
accent
#D6AD89
- RGB
- rgb(214 173 137)
- HSL
- hsl(28 48% 69%)
- OKLCH
- oklch(0.776 0.068 62.8)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.19:1 (AAA)
- #3C3523 color page →
text
#3C3523
- RGB
- rgb(60 53 35)
- HSL
- hsl(43 26% 19%)
- OKLCH
- oklch(0.331 0.031 89.2)
WCAG contrast: on white 12.16:1 (AAA) · on black 1.72:1 (Fail)
Export Steady Porcini Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf8f2;
--surface: #e6d8b8;
--accent: #d6ad89;
--text: #3c3523;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf8f2;
--color-surface: #e6d8b8;
--color-accent: #d6ad89;
--color-text: #3c3523;
}JSON (DTCG tokens)
{
"steady-porcini-meadow-1x3": {
"bg": {
"$type": "color",
"$value": "#faf8f2"
},
"surface": {
"$type": "color",
"$value": "#e6d8b8"
},
"accent": {
"$type": "color",
"$value": "#d6ad89"
},
"text": {
"$type": "color",
"$value": "#3c3523"
}
}
}About this palette
Steady Porcini Meadow is a 4-color OKLCH-ready palette tagged yellow, gray, warm, pastel, 4 colors. Hex values: #FAF8F2, #E6D8B8, #D6AD89, #3C3523. APCA contrast score Lc 9.8. 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 Porcini Meadow by OKLab color distance.