Petrol Cabin color palette — #F3F8E5 · #7BC3E2 · #0077A6 · #005461 · #003657
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#7BC3E2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#003657): A deep, shadowed, dusty 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
- Timeworn Cerulean color palette (#F4F6ED, #AACFBB, #3382A4, #005E68, #0D3F5A)
- Cobalt Courtyard color palette (#FBEFE7, #8BC5DE, #0075C4, #00524F, #0A0753)
- Iris Chapel color palette (#ECF7FF, #B5D3FF, #8496FF, #006E94, #003A68)
- Wandering Denim color palette (#E2E6D8, #76A6C0, #005D8C, #003C49, #00203D)
- Sky Dune color palette (#E9F9F8, #A6E4FF, #23B8FB, #0094AB, #003657)
- Frosted Cornflower Cabin color palette (#FFF0F8, #93D6F1, #0091EC, #00736D, #182679)
- Linen Byzantium color palette (#E1F2FF, #0078B3, #881DCB, #00614F, #00273E)
- Tempered Ash color palette (#F4F6EF, #C7E5E7, #779EC1, #42778A, #604A61)
Browse the whole catalog at Explore, or see today's palette.