Palette · 3 colors · Lc 10
Classic Serrano Pepper Tide palette
Classic Serrano Pepper Tide: a 3-color palette (Green, Gray, 3 Colors). HEX, RGB, HSL and OKLCH for #F8F5FD, #5A6600, #0B090E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F5FD
accent
#5A6600
text
#0B090E
Colors in Classic Serrano Pepper Tide: HEX, RGB, HSL & OKLCH
- #F8F5FD color page →
bg
#F8F5FD
- RGB
- rgb(248 245 253)
- HSL
- hsl(262 67% 98%)
- OKLCH
- oklch(0.975 0.011 303.1)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.47:1 (AAA)
- #5A6600 color page →
accent
#5A6600
- RGB
- rgb(90 102 0)
- HSL
- hsl(67 100% 20%)
- OKLCH
- oklch(0.483 0.112 117.5)
WCAG contrast: on white 6.29:1 (AA) · on black 3.33:1 (Fail)
- #0B090E color page →
text
#0B090E
- RGB
- rgb(11 9 14)
- HSL
- hsl(264 22% 5%)
- OKLCH
- oklch(0.145 0.011 303.4)
WCAG contrast: on white 19.81:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Serrano Pepper Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f5fd;
--accent: #5a6600;
--text: #0b090e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f5fd;
--color-accent: #5a6600;
--color-text: #0b090e;
}JSON (DTCG tokens)
{
"classic-serrano-pepper-tide-11": {
"bg": {
"$type": "color",
"$value": "#f8f5fd"
},
"accent": {
"$type": "color",
"$value": "#5a6600"
},
"text": {
"$type": "color",
"$value": "#0b090e"
}
}
}About this palette
Classic Serrano Pepper Tide is a 3-color OKLCH-ready palette tagged green, gray, 3 colors. Hex values: #F8F5FD, #5A6600, #0B090E. 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 Classic Serrano Pepper Tide by OKLab color distance.