Petrol Cabin color palette — #F5EBF3 · #78BFC4 · #007298 · #00532C · #172D50

A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5EBF3): bright and airy, almost weightless.
• Mint Leaf (#78BFC4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532C): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#172D50): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Sapphire Hollow color palette (#F8EAF0, #80BADA, #3463C0, #00504A, #2E264F)
• Petrol Cabin color palette (#EFE8DD, #70C3CB, #007790, #004C41, #001926)
• Cerulean Ridge color palette (#E4F3E7, #7DD5DE, #0095B4, #006D5E, #003248)
• Antique Orchard color palette (#FCF2F6, #9CD8F5, #2679F3, #00685D, #3E3866)
• Washed Parlor color palette (#F9EBE5, #A1E0E6, #3CB3DD, #089470, #08304F)
• Pale Azure Quarry color palette (#DAFEF6, #7BE1CF, #009EE5, #6E5600, #003637)
• Wandering Lagoon color palette (#F9F3F7, #D6D6EB, #65A1C6, #4D7A63, #465367)
• Pale Nightshade Boulevard color palette (#FCE8EE, #6494C0, #3418C6, #002F31, #1E0136)

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