Palette · 10 colors · Lc 10
Steady Serrano Pepper Tide palette
Steady Serrano Pepper Tide: a 10-color palette (Green, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #F9FAE7, #CFD7B5, #AFB688, #909B5B, #80833B, #566608, #485200, #303900, #1D1E00, #0D0E02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 10 Colors
bg
#F9FAE7
surface
#CFD7B5
muted
#AFB688
primary
#909B5B
secondary
#80833B
accent
#566608
highlight
#485200
border
#303900
focus
#1D1E00
text
#0D0E02
Colors in Steady Serrano Pepper Tide: HEX, RGB, HSL & OKLCH
- #F9FAE7 color page →
bg
#F9FAE7
- RGB
- rgb(249 250 231)
- HSL
- hsl(63 66% 94%)
- OKLCH
- oklch(0.979 0.025 109.3)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.85:1 (AAA)
- #CFD7B5 color page →
surface
#CFD7B5
- RGB
- rgb(207 215 181)
- HSL
- hsl(74 30% 78%)
- OKLCH
- oklch(0.864 0.046 118.1)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.04:1 (AAA)
- #AFB688 color page →
muted
#AFB688
- RGB
- rgb(175 182 136)
- HSL
- hsl(69 24% 62%)
- OKLCH
- oklch(0.759 0.063 115)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.86:1 (AAA)
- #909B5B color page →
primary
#909B5B
- RGB
- rgb(144 155 91)
- HSL
- hsl(70 26% 48%)
- OKLCH
- oklch(0.665 0.088 116.8)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.02:1 (AAA)
- #80833B color page →
secondary
#80833B
- RGB
- rgb(128 131 59)
- HSL
- hsl(62 38% 37%)
- OKLCH
- oklch(0.592 0.095 111.1)
WCAG contrast: on white 4.01:1 (Fail) · on black 5.22:1 (AA)
- #566608 color page →
accent
#566608
- RGB
- rgb(86 102 8)
- HSL
- hsl(70 85% 22%)
- OKLCH
- oklch(0.48 0.111 120)
WCAG contrast: on white 6.36:1 (AA) · on black 3.29:1 (Fail)
- #485200 color page →
highlight
#485200
- RGB
- rgb(72 82 0)
- HSL
- hsl(67 100% 16%)
- OKLCH
- oklch(0.415 0.096 117.5)
WCAG contrast: on white 8.45:1 (AAA) · on black 2.48:1 (Fail)
- #303900 color page →
border
#303900
- RGB
- rgb(48 57 0)
- HSL
- hsl(69 100% 11%)
- OKLCH
- oklch(0.325 0.076 119.1)
WCAG contrast: on white 12.27:1 (AAA) · on black 1.71:1 (Fail)
- #1D1E00 color page →
focus
#1D1E00
- RGB
- rgb(29 30 0)
- HSL
- hsl(62 100% 6%)
- OKLCH
- oklch(0.226 0.05 111.5)
WCAG contrast: on white 16.96:1 (AAA) · on black 1.23:1 (Fail)
- #0D0E02 color page →
text
#0D0E02
- RGB
- rgb(13 14 2)
- HSL
- hsl(65 75% 3%)
- OKLCH
- oklch(0.158 0.028 112.6)
WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Serrano Pepper Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9fae7;
--surface: #cfd7b5;
--muted: #afb688;
--primary: #909b5b;
--secondary: #80833b;
--accent: #566608;
--highlight: #485200;
--border: #303900;
--focus: #1d1e00;
--text: #0d0e02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9fae7;
--color-surface: #cfd7b5;
--color-muted: #afb688;
--color-primary: #909b5b;
--color-secondary: #80833b;
--color-accent: #566608;
--color-highlight: #485200;
--color-border: #303900;
--color-focus: #1d1e00;
--color-text: #0d0e02;
}JSON (DTCG tokens)
{
"steady-serrano-pepper-tide-51t": {
"bg": {
"$type": "color",
"$value": "#f9fae7"
},
"surface": {
"$type": "color",
"$value": "#cfd7b5"
},
"muted": {
"$type": "color",
"$value": "#afb688"
},
"primary": {
"$type": "color",
"$value": "#909b5b"
},
"secondary": {
"$type": "color",
"$value": "#80833b"
},
"accent": {
"$type": "color",
"$value": "#566608"
},
"highlight": {
"$type": "color",
"$value": "#485200"
},
"border": {
"$type": "color",
"$value": "#303900"
},
"focus": {
"$type": "color",
"$value": "#1d1e00"
},
"text": {
"$type": "color",
"$value": "#0d0e02"
}
}
}About this palette
Steady Serrano Pepper Tide is a 10-color OKLCH-ready palette tagged green, monochromatic, 10 colors. Hex values: #F9FAE7, #CFD7B5, #AFB688, #909B5B, #80833B, #566608, #485200, #303900, #1D1E00, #0D0E02. 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 Serrano Pepper Tide by OKLab color distance.