Petrol Cabin color palette — #D9F3F4 · #00839D · #005170 · #00305D · #121345
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D9F3F4): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00839D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005170): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00305D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#121345): 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
- Petrol Harbor color palette (#C6EBF6, #007393, #004B68, #00233A, #000916)
- Timeworn Orchard color palette (#CBEBEF, #00A9CD, #0081B4, #005E97, #04184E)
- Sunlit Navy color palette (#BCE6F5, #0071A9, #003B7A, #1B006E, #140035)
- Softworn Lagoon color palette (#E2EDE2, #00876A, #005D56, #00373D, #0B1C31)
- Dusty Cornflower color palette (#D7E4F4, #2987E1, #003C97, #001C47, #00091D)
- Dusty Alley color palette (#DFF3ED, #9BAFFF, #B26BAE, #005761, #11223F)
- Tempered Cobalt color palette (#EBD9ED, #1F7ED2, #7F2E00, #003A6A, #320D00)
- Cocoa Pier color palette (#C2E8DA, #00618D, #7A3900, #4A3B00, #001421)
Browse the whole catalog at Explore, or see today's palette.