Palette · 8 colors · Lc 9.1
Serrano Pepper Signal palette
Serrano Pepper Signal: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #0B0D02, #1F2200, #444705, #626511, #889146, #ADAF78, #D3D2AB, #F2F0D7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#0B0D02
surface
#1F2200
muted
#444705
primary
#626511
secondary
#889146
accent
#ADAF78
highlight
#D3D2AB
text
#F2F0D7
Colors in Serrano Pepper Signal: HEX, RGB, HSL & OKLCH
- #0B0D02 color page →
bg
#0B0D02
- RGB
- rgb(11 13 2)
- HSL
- hsl(71 73% 3%)
- OKLCH
- oklch(0.152 0.027 116.2)
WCAG contrast: on white 19.57:1 (AAA) · on black 1.07:1 (Fail)
- #1F2200 color page →
surface
#1F2200
- RGB
- rgb(31 34 0)
- HSL
- hsl(65 100% 7%)
- OKLCH
- oklch(0.241 0.054 114.5)
WCAG contrast: on white 16.31:1 (AAA) · on black 1.28:1 (Fail)
- #444705 color page →
muted
#444705
- RGB
- rgb(68 71 5)
- HSL
- hsl(63 87% 15%)
- OKLCH
- oklch(0.383 0.082 112.5)
WCAG contrast: on white 9.77:1 (AAA) · on black 2.14:1 (Fail)
- #626511 color page →
primary
#626511
- RGB
- rgb(98 101 17)
- HSL
- hsl(62 71% 23%)
- OKLCH
- oklch(0.488 0.101 111.7)
WCAG contrast: on white 6.19:1 (AA) · on black 3.38:1 (Fail)
- #889146 color page →
secondary
#889146
- RGB
- rgb(136 145 70)
- HSL
- hsl(67 35% 42%)
- OKLCH
- oklch(0.633 0.1 115)
WCAG contrast: on white 3.39:1 (Fail) · on black 6.18:1 (AA)
- #ADAF78 color page →
accent
#ADAF78
- RGB
- rgb(173 175 120)
- HSL
- hsl(62 26% 58%)
- OKLCH
- oklch(0.739 0.074 109.8)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.18:1 (AAA)
- #D3D2AB color page →
highlight
#D3D2AB
- RGB
- rgb(211 210 171)
- HSL
- hsl(59 31% 75%)
- OKLCH
- oklch(0.855 0.052 106.2)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.57:1 (AAA)
- #F2F0D7 color page →
text
#F2F0D7
- RGB
- rgb(242 240 215)
- HSL
- hsl(56 51% 90%)
- OKLCH
- oklch(0.95 0.033 103.3)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)
Export Serrano Pepper Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b0d02;
--surface: #1f2200;
--muted: #444705;
--primary: #626511;
--secondary: #889146;
--accent: #adaf78;
--highlight: #d3d2ab;
--text: #f2f0d7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b0d02;
--color-surface: #1f2200;
--color-muted: #444705;
--color-primary: #626511;
--color-secondary: #889146;
--color-accent: #adaf78;
--color-highlight: #d3d2ab;
--color-text: #f2f0d7;
}JSON (DTCG tokens)
{
"serrano-pepper-signal-7df": {
"bg": {
"$type": "color",
"$value": "#0b0d02"
},
"surface": {
"$type": "color",
"$value": "#1f2200"
},
"muted": {
"$type": "color",
"$value": "#444705"
},
"primary": {
"$type": "color",
"$value": "#626511"
},
"secondary": {
"$type": "color",
"$value": "#889146"
},
"accent": {
"$type": "color",
"$value": "#adaf78"
},
"highlight": {
"$type": "color",
"$value": "#d3d2ab"
},
"text": {
"$type": "color",
"$value": "#f2f0d7"
}
}
}About this palette
Serrano Pepper Signal is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #0B0D02, #1F2200, #444705, #626511, #889146, #ADAF78, #D3D2AB, #F2F0D7. APCA contrast score Lc 9.1. 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 Serrano Pepper Signal by OKLab color distance.