Palette · 10 colors · Lc 9
Steady Tomato Bisque Tide palette
Steady Tomato Bisque Tide: a 10-color palette (Yellow, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #1B0700, #410E00, #5D0B00, #8B1500, #B73D00, #D65900, #E97E00, #FB944F, #FFB994, #FFEDDE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#1B0700
surface
#410E00
muted
#5D0B00
primary
#8B1500
secondary
#B73D00
accent
#D65900
highlight
#E97E00
border
#FB944F
focus
#FFB994
text
#FFEDDE
Colors in Steady Tomato Bisque Tide: HEX, RGB, HSL & OKLCH
- #1B0700 color page →
bg
#1B0700
- RGB
- rgb(27 7 0)
- HSL
- hsl(16 100% 5%)
- OKLCH
- oklch(0.161 0.042 50.5)
WCAG contrast: on white 19.49:1 (AAA) · on black 1.07:1 (Fail)
- #410E00 color page →
surface
#410E00
- RGB
- rgb(65 14 0)
- HSL
- hsl(13 100% 13%)
- OKLCH
- oklch(0.252 0.083 38)
WCAG contrast: on white 16.30:1 (AAA) · on black 1.28:1 (Fail)
- #5D0B00 color page →
muted
#5D0B00
- RGB
- rgb(93 11 0)
- HSL
- hsl(7 100% 18%)
- OKLCH
- oklch(0.309 0.116 32.4)
WCAG contrast: on white 13.87:1 (AAA) · on black 1.51:1 (Fail)
- #8B1500 color page →
primary
#8B1500
- RGB
- rgb(139 21 0)
- HSL
- hsl(9 100% 27%)
- OKLCH
- oklch(0.41 0.155 32.2)
WCAG contrast: on white 9.52:1 (AAA) · on black 2.20:1 (Fail)
- #B73D00 color page →
secondary
#B73D00
- RGB
- rgb(183 61 0)
- HSL
- hsl(20 100% 36%)
- OKLCH
- oklch(0.53 0.167 39.7)
WCAG contrast: on white 5.70:1 (AA) · on black 3.68:1 (Fail)
- #D65900 color page →
accent
#D65900
- RGB
- rgb(214 89 0)
- HSL
- hsl(25 100% 42%)
- OKLCH
- oklch(0.616 0.175 45.3)
WCAG contrast: on white 3.97:1 (Fail) · on black 5.28:1 (AA)
- #E97E00 color page →
highlight
#E97E00
- RGB
- rgb(233 126 0)
- HSL
- hsl(32 100% 46%)
- OKLCH
- oklch(0.699 0.168 57.6)
WCAG contrast: on white 2.81:1 (Fail) · on black 7.44:1 (AAA)
- #FB944F color page →
border
#FB944F
- RGB
- rgb(251 148 79)
- HSL
- hsl(24 96% 65%)
- OKLCH
- oklch(0.763 0.15 52.3)
WCAG contrast: on white 2.22:1 (Fail) · on black 9.45:1 (AAA)
- #FFB994 color page →
focus
#FFB994
- RGB
- rgb(255 185 148)
- HSL
- hsl(21 100% 79%)
- OKLCH
- oklch(0.842 0.095 48.9)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.61:1 (AAA)
- #FFEDDE color page →
text
#FFEDDE
- RGB
- rgb(255 237 222)
- HSL
- hsl(27 100% 94%)
- OKLCH
- oklch(0.956 0.028 62.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.42:1 (AAA)
Export Steady Tomato Bisque Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #1b0700;
--surface: #410e00;
--muted: #5d0b00;
--primary: #8b1500;
--secondary: #b73d00;
--accent: #d65900;
--highlight: #e97e00;
--border: #fb944f;
--focus: #ffb994;
--text: #ffedde;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #1b0700;
--color-surface: #410e00;
--color-muted: #5d0b00;
--color-primary: #8b1500;
--color-secondary: #b73d00;
--color-accent: #d65900;
--color-highlight: #e97e00;
--color-border: #fb944f;
--color-focus: #ffb994;
--color-text: #ffedde;
}JSON (DTCG tokens)
{
"steady-tomato-bisque-tide-6lh": {
"bg": {
"$type": "color",
"$value": "#1b0700"
},
"surface": {
"$type": "color",
"$value": "#410e00"
},
"muted": {
"$type": "color",
"$value": "#5d0b00"
},
"primary": {
"$type": "color",
"$value": "#8b1500"
},
"secondary": {
"$type": "color",
"$value": "#b73d00"
},
"accent": {
"$type": "color",
"$value": "#d65900"
},
"highlight": {
"$type": "color",
"$value": "#e97e00"
},
"border": {
"$type": "color",
"$value": "#fb944f"
},
"focus": {
"$type": "color",
"$value": "#ffb994"
},
"text": {
"$type": "color",
"$value": "#ffedde"
}
}
}About this palette
Steady Tomato Bisque Tide is a 10-color OKLCH-ready palette tagged yellow, warm, 10 colors. Hex values: #1B0700, #410E00, #5D0B00, #8B1500, #B73D00, #D65900, #E97E00, #FB944F, #FFB994, #FFEDDE. APCA contrast score Lc 9. 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 Tomato Bisque Tide by OKLab color distance.