Petrol Cabin color palette — #F6EAF3 · #8FB9CA · #0070A0 · #005235 · #182A5A

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EAF3): bright and airy, almost weightless.
• Ash (#8FB9CA): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005235): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#182A5A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Aged Market color palette (#FEF1F8, #AACADC, #3F7CB5, #00624E, #32375C)
• Wandering Cabin color palette (#EFE8DD, #9DBCA6, #007696, #004C45, #001828)
• Tempered Parlor color palette (#F4E5EC, #69A8C6, #27559C, #003F38, #1F1447)
• Dusty Boulevard color palette (#EADDEB, #35A19F, #005266, #003308, #00142A)
• Aged Ash Villa color palette (#FAF3F7, #D5E1F3, #769EBF, #477B67, #47536A)
• Navy Grove color palette (#F6E4ED, #5089A1, #003A79, #00231D, #090029)
• Washed Corridor color palette (#F8ECE6, #A5DFE8, #1CB0F6, #009664, #192B57)
• Plum Chapel color palette (#EAE3F2, #A63C83, #007146, #00534F, #331027)

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