Petrol Cabin color palette — #DFF3F3 · #8DB7D7 · #336BA2 · #004C64 · #0D2C5A
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8DB7D7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#336BA2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#0D2C5A): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Worn Petrol Workshop color palette (#E6F1EF, #76C0C3, #007682, #00504A, #00343F)
- Sapphire Bloom color palette (#F1E5EA, #91B9D6, #3C66BD, #004A51, #140D37)
- Chalky Periwinkle Cabin color palette (#EDF0E6, #A8DAFF, #59AAF6, #008BB3, #142D52)
- Aged Cerulean Bloom color palette (#EBF9F6, #A5D7EC, #008EAA, #006667, #00475D)
- Timeworn Cornflower Studio color palette (#F7ECE2, #A0D0C0, #5984D6, #006B73, #2A245B)
- Cerulean Boulevard color palette (#DFEEEC, #439BBC, #005070, #002F36, #001626)
- Antique Ash Terrace color palette (#EEF7F7, #D9DBEB, #7F9BC2, #4B748D, #44536A)
- Indigo Thicket color palette (#BBE7F1, #00928B, #645AB7, #005550, #27195E)
Browse the whole catalog at Explore, or see today's palette.