Palette · 8 colors · Lc 8.3
Sulphur Signal palette
Sulphur Signal: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #F8E9C4, #D0C871, #C3A900, #AE8500, #785B00, #503E00, #242300, #0A0800, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#F8E9C4
surface
#D0C871
muted
#C3A900
primary
#AE8500
secondary
#785B00
accent
#503E00
highlight
#242300
text
#0A0800
Colors in Sulphur Signal: HEX, RGB, HSL & OKLCH
- #F8E9C4 color page →
bg
#F8E9C4
- RGB
- rgb(248 233 196)
- HSL
- hsl(43 79% 87%)
- OKLCH
- oklch(0.937 0.051 88.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.44:1 (AAA)
- #D0C871 color page →
surface
#D0C871
- RGB
- rgb(208 200 113)
- HSL
- hsl(55 50% 63%)
- OKLCH
- oklch(0.821 0.109 103.9)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.18:1 (AAA)
- #C3A900 color page →
muted
#C3A900
- RGB
- rgb(195 169 0)
- HSL
- hsl(52 100% 38%)
- OKLCH
- oklch(0.735 0.152 98.1)
WCAG contrast: on white 2.33:1 (Fail) · on black 8.99:1 (AAA)
- #AE8500 color page →
primary
#AE8500
- RGB
- rgb(174 133 0)
- HSL
- hsl(46 100% 34%)
- OKLCH
- oklch(0.639 0.131 86.7)
WCAG contrast: on white 3.41:1 (Fail) · on black 6.15:1 (AA)
- #785B00 color page →
secondary
#785B00
- RGB
- rgb(120 91 0)
- HSL
- hsl(46 100% 24%)
- OKLCH
- oklch(0.488 0.1 86.9)
WCAG contrast: on white 6.37:1 (AA) · on black 3.29:1 (Fail)
- #503E00 color page →
accent
#503E00
- RGB
- rgb(80 62 0)
- HSL
- hsl(47 100% 16%)
- OKLCH
- oklch(0.373 0.076 90.1)
WCAG contrast: on white 10.34:1 (AAA) · on black 2.03:1 (Fail)
- #242300 color page →
highlight
#242300
- RGB
- rgb(36 35 0)
- HSL
- hsl(58 100% 7%)
- OKLCH
- oklch(0.249 0.054 108.1)
WCAG contrast: on white 15.96:1 (AAA) · on black 1.31:1 (Fail)
- #0A0800 color page →
text
#0A0800
- RGB
- rgb(10 8 0)
- HSL
- hsl(48 100% 2%)
- OKLCH
- oklch(0.133 0.028 101.8)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
Export Sulphur Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8e9c4;
--surface: #d0c871;
--muted: #c3a900;
--primary: #ae8500;
--secondary: #785b00;
--accent: #503e00;
--highlight: #242300;
--text: #0a0800;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8e9c4;
--color-surface: #d0c871;
--color-muted: #c3a900;
--color-primary: #ae8500;
--color-secondary: #785b00;
--color-accent: #503e00;
--color-highlight: #242300;
--color-text: #0a0800;
}JSON (DTCG tokens)
{
"sulphur-signal-60p": {
"bg": {
"$type": "color",
"$value": "#f8e9c4"
},
"surface": {
"$type": "color",
"$value": "#d0c871"
},
"muted": {
"$type": "color",
"$value": "#c3a900"
},
"primary": {
"$type": "color",
"$value": "#ae8500"
},
"secondary": {
"$type": "color",
"$value": "#785b00"
},
"accent": {
"$type": "color",
"$value": "#503e00"
},
"highlight": {
"$type": "color",
"$value": "#242300"
},
"text": {
"$type": "color",
"$value": "#0a0800"
}
}
}About this palette
Sulphur Signal is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #F8E9C4, #D0C871, #C3A900, #AE8500, #785B00, #503E00, #242300, #0A0800. APCA contrast score Lc 8.3. 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 Sulphur Signal by OKLab color distance.