Petrol Cabin color palette — #DCEFF6 · #007A83 · #062D42 · #00131A · #000406
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEFF6): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007A83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#062D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00131A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000406): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Petrol Cabin into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Midnight Pine Harbor color palette (#D8F0EF, #00804A, #00322B, #001414, #000504)
- Twilit Denim Pier color palette (#D2EBF8, #006070, #343137, #001C2E, #00060B)
- Cobalt Lagoon color palette (#D6E8FD, #006BC3, #222649, #031121, #000409)
- Hushed Cerulean Grove color palette (#D6EDD9, #0098A3, #124C62, #002D31, #091506)
- Ancient Bloom color palette (#E7F9FF, #00A6AD, #153E62, #001920, #000202)
- Hushed Iris Parlor color palette (#E8EDFA, #777AC3, #393A4A, #1A1E2A, #090D12)
- Quiet Plum Coast color palette (#CFE8FF, #0088DA, #C83364, #4F6D00, #00192F)
- Pale Cobalt color palette (#E8F6EA, #A7D7F4, #3C87CE, #00606D, #0F2150)
Browse the whole catalog at Explore, or see today's palette.