Petrol Cabin color palette — #E0FAFF · #53B4D3 · #007CA8 · #00517D · #342A6E
Cerulean and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E0FAFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#53B4D3): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00517D): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#342A6E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Hushed Cobalt Loft color palette (#EAF6FF, #84B2E6, #4D72C2, #384491, #362F70)
- Softworn Aqua color palette (#CBFFEE, #1AC8D6, #0D87B1, #1D447D, #1E1455)
- Misty Petrol color palette (#DDFDFA, #31A7C4, #0E71A4, #5D3E71, #254151)
- Softworn Corridor color palette (#D8FFF5, #4FBBB1, #008B8D, #005C68, #004455)
- Muted Aubergine color palette (#D2FBD4, #87E3DE, #61BBDC, #5B85C5, #48297E)
- Pale Aqua Loft color palette (#EAF7FF, #85F9FF, #00CFF6, #4E99D6, #25465A)
- Quiet Nightshade color palette (#DAEBF4, #07A1F1, #0061B8, #001CA1, #170076)
- Petrol Ridge color palette (#EFF7F9, #D5DCE7, #B9C0CF, #3F8085, #3D4A4F)
Browse the whole catalog at Explore, or see today's palette.