Petrol Cabin color palette — #D2E7F2 · #3E9BD1 · #006BAC · #004382 · #04204B
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D2E7F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3E9BD1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BAC): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004382): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#04204B): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Sunlit Nightshade color palette (#D3EDF1, #3DAAD3, #006EAE, #173DA6, #312F5D)
- Airy Ultramarine Garden color palette (#D8E4FC, #758FDF, #555AB2, #3D3482, #21163F)
- Wandering Studio color palette (#D1F4F6, #00A7B8, #00768B, #004455, #00222F)
- Misty Azure color palette (#DCF9FF, #72D7FF, #409AE4, #395BA3, #312B56)
- Dusty Navy Coast color palette (#D9EAF8, #0075C4, #004598, #00116D, #030030)
- Azure Garden color palette (#D6F0E9, #4896DC, #369055, #005895, #00240D)
- Linen Study color palette (#E6EDFF, #92AAED, #4967B9, #192D72, #010330)
- Linen Plum Loft color palette (#FFE6FB, #5477CE, #9C4A93, #00686D, #22081F)
Browse the whole catalog at Explore, or see today's palette.