Petrol Cabin color palette — #F8EBE7 · #78BFC5 · #00719A · #00532E · #132C57

Peacock takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Mint Leaf (#78BFC5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#132C57): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Weathered Petrol color palette (#F5EDE5, #8EB6D9, #5463A4, #004F51, #362052)
• Ancient Petrol color palette (#E2ECE4, #90BBCA, #00778F, #004C41, #001925)
• Washed Corridor color palette (#FFF2EC, #AECEB9, #307FB4, #006247, #4D2E47)
• Hushed Nightshade color palette (#ECDFD1, #6694BE, #363B98, #002F32, #1D0234)
• Timeworn Lapis Garden color palette (#ECDBC6, #AB7100, #5F5ABE, #644000, #231A5F)
• Chestnut Hollow color palette (#FFF2DF, #BED49D, #58ACA9, #884636, #313029)
• Ancient Basin color palette (#F6EAF4, #96E2E8, #00B3EC, #2A9459, #122D56)
• Cypress Boulevard color palette (#FBF3F0, #CCE7E2, #749FBC, #457C62, #604A5D)

Browse the whole catalog at Explore, or see today's palette.