Petrol Cabin color palette — #E3ECE5 · #87BCD3 · #0071AC · #004A4F · #001435
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Sky (#87BCD3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Cobalt Archive color palette (#EDF4EE, #B2CBE0, #4C7EB9, #005967, #10203C)
- Cobalt Courtyard color palette (#F6ECE6, #92BCA8, #2168B8, #005145, #29245C)
- Faded Denim Corridor color palette (#D6E6D9, #76A0CB, #2C51A9, #003747, #08002F)
- Petrol Basin color palette (#EDF4EE, #D5DCF0, #7FA0C0, #36767F, #2B3748)
- Hushed Station color palette (#DEECE1, #4198A7, #005169, #002C28, #00050B)
- Plum Grove color palette (#F9D3DF, #B52E6A, #596600, #005278, #1C000B)
- Weathered Mulberry color palette (#F1E7F9, #BB5889, #007D67, #800051, #001711)
- Tempered Amber color palette (#F7E1FF, #F9ADAE, #D48B5D, #874A7D, #2D0810)
Browse the whole catalog at Explore, or see today's palette.