Palette · 9 colors · Lc 9.5
Cigar Tide palette
Cigar Tide: a 9-color palette (Trending, Yellow, Gray, Warm). HEX, RGB, HSL and OKLCH for #F9E9E5, #E3CABD, #D1A591, #A9826D, #916650, #794C36, #502C10, #29150B, #110804, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E9E5
surface
#E3CABD
muted
#D1A591
primary
#A9826D
secondary
#916650
accent
#794C36
highlight
#502C10
border
#29150B
text
#110804
Colors in Cigar Tide: HEX, RGB, HSL & OKLCH
- #F9E9E5 color page →
bg
#F9E9E5
- RGB
- rgb(249 233 229)
- HSL
- hsl(12 62% 94%)
- OKLCH
- oklch(0.946 0.018 34.3)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.81:1 (AAA)
- #E3CABD color page →
surface
#E3CABD
- RGB
- rgb(227 202 189)
- HSL
- hsl(21 40% 82%)
- OKLCH
- oklch(0.856 0.033 49.3)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.44:1 (AAA)
- #D1A591 color page →
muted
#D1A591
- RGB
- rgb(209 165 145)
- HSL
- hsl(19 41% 69%)
- OKLCH
- oklch(0.757 0.059 45.7)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.50:1 (AAA)
- #A9826D color page →
primary
#A9826D
- RGB
- rgb(169 130 109)
- HSL
- hsl(21 26% 55%)
- OKLCH
- oklch(0.639 0.057 49.6)
WCAG contrast: on white 3.44:1 (Fail) · on black 6.10:1 (AA)
- #916650 color page →
secondary
#916650
- RGB
- rgb(145 102 80)
- HSL
- hsl(20 29% 44%)
- OKLCH
- oklch(0.549 0.065 48)
WCAG contrast: on white 4.97:1 (AA) · on black 4.22:1 (Fail)
- #794C36 color page →
accent
#794C36
- RGB
- rgb(121 76 54)
- HSL
- hsl(20 38% 34%)
- OKLCH
- oklch(0.462 0.07 46.6)
WCAG contrast: on white 7.24:1 (AAA) · on black 2.90:1 (Fail)
- #502C10 color page →
highlight
#502C10
- RGB
- rgb(80 44 16)
- HSL
- hsl(26 67% 19%)
- OKLCH
- oklch(0.334 0.067 55.5)
WCAG contrast: on white 12.28:1 (AAA) · on black 1.70:1 (Fail)
- #29150B color page →
border
#29150B
- RGB
- rgb(41 21 11)
- HSL
- hsl(20 58% 10%)
- OKLCH
- oklch(0.221 0.037 46.7)
WCAG contrast: on white 17.40:1 (AAA) · on black 1.20:1 (Fail)
- #110804 color page →
text
#110804
- RGB
- rgb(17 8 4)
- HSL
- hsl(18 62% 4%)
- OKLCH
- oklch(0.146 0.02 51.6)
WCAG contrast: on white 19.80:1 (AAA) · on black 1.06:1 (Fail)
Export Cigar Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e9e5;
--surface: #e3cabd;
--muted: #d1a591;
--primary: #a9826d;
--secondary: #916650;
--accent: #794c36;
--highlight: #502c10;
--border: #29150b;
--text: #110804;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e9e5;
--color-surface: #e3cabd;
--color-muted: #d1a591;
--color-primary: #a9826d;
--color-secondary: #916650;
--color-accent: #794c36;
--color-highlight: #502c10;
--color-border: #29150b;
--color-text: #110804;
}JSON (DTCG tokens)
{
"cigar-tide-75l": {
"bg": {
"$type": "color",
"$value": "#f9e9e5"
},
"surface": {
"$type": "color",
"$value": "#e3cabd"
},
"muted": {
"$type": "color",
"$value": "#d1a591"
},
"primary": {
"$type": "color",
"$value": "#a9826d"
},
"secondary": {
"$type": "color",
"$value": "#916650"
},
"accent": {
"$type": "color",
"$value": "#794c36"
},
"highlight": {
"$type": "color",
"$value": "#502c10"
},
"border": {
"$type": "color",
"$value": "#29150b"
},
"text": {
"$type": "color",
"$value": "#110804"
}
}
}About this palette
Cigar Tide is a 9-color OKLCH-ready palette tagged trending, yellow, gray, warm, 9 colors. Hex values: #F9E9E5, #E3CABD, #D1A591, #A9826D, #916650, #794C36, #502C10, #29150B, #110804. APCA contrast score Lc 9.5. 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 Cigar Tide by OKLab color distance.