Palette · 5 colors · Lc 8.1
Lobster Drift palette
Lobster Drift: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #E1E9ED, #0080DD, #BD1900, #002E42, #070B0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1E9ED
surface
#0080DD
primary
#BD1900
accent
#002E42
text
#070B0D
Colors in Lobster Drift: HEX, RGB, HSL & OKLCH
- #E1E9ED color page →
bg
#E1E9ED
- RGB
- rgb(225 233 237)
- HSL
- hsl(200 25% 91%)
- OKLCH
- oklch(0.929 0.01 228.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.07:1 (AAA)
- #0080DD color page →
surface
#0080DD
- RGB
- rgb(0 128 221)
- HSL
- hsl(205 100% 43%)
- OKLCH
- oklch(0.592 0.169 250.3)
WCAG contrast: on white 4.09:1 (Fail) · on black 5.13:1 (AA)
- #BD1900 color page →
primary
#BD1900
- RGB
- rgb(189 25 0)
- HSL
- hsl(8 100% 37%)
- OKLCH
- oklch(0.51 0.198 31.2)
WCAG contrast: on white 6.35:1 (AA) · on black 3.30:1 (Fail)
- #002E42 color page →
accent
#002E42
- RGB
- rgb(0 46 66)
- HSL
- hsl(198 100% 13%)
- OKLCH
- oklch(0.284 0.059 233.4)
WCAG contrast: on white 14.29:1 (AAA) · on black 1.46:1 (Fail)
- #070B0D color page →
text
#070B0D
- RGB
- rgb(7 11 13)
- HSL
- hsl(200 30% 4%)
- OKLCH
- oklch(0.146 0.008 227.7)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Lobster Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1e9ed;
--surface: #0080dd;
--primary: #bd1900;
--accent: #002e42;
--text: #070b0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1e9ed;
--color-surface: #0080dd;
--color-primary: #bd1900;
--color-accent: #002e42;
--color-text: #070b0d;
}JSON (DTCG tokens)
{
"lobster-drift-2go": {
"bg": {
"$type": "color",
"$value": "#e1e9ed"
},
"surface": {
"$type": "color",
"$value": "#0080dd"
},
"primary": {
"$type": "color",
"$value": "#bd1900"
},
"accent": {
"$type": "color",
"$value": "#002e42"
},
"text": {
"$type": "color",
"$value": "#070b0d"
}
}
}About this palette
Lobster Drift is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #E1E9ED, #0080DD, #BD1900, #002E42, #070B0D. APCA contrast score Lc 8.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 Lobster Drift by OKLab color distance.