Petrol Cabin color palette — #EAF4F3 · #D2DAEE · #76A3BF · #397582 · #25384A

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Silver (#D2DAEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#76A3BF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#397582): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#25384A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Tempered Drift color palette (#F9F4EE, #C6E9E9, #799EBC, #397A80, #614960)
• Weathered Petrol color palette (#DCEEEA, #65C5CB, #007987, #004C47, #001A21)
• Washed Mallow color palette (#F5EFFC, #E697C0, #799FCB, #955E7A, #1D3249)
• Wandering Cobalt color palette (#DBEDED, #2E80B2, #003D6B, #001E29, #000105)
• Aged Lagoon Drift color palette (#E5F6F2, #8FE1DB, #009599, #006453, #002B30)
• Hushed Oat Studio color palette (#FBECFE, #ECCFD8, #E1BF9C, #94859F, #453A47)
• Dusty Lagoon color palette (#FBECFF, #D77D92, #B0844D, #7D709A, #2D2330)
• Worn Summit color palette (#FFECF3, #D6AFBB, #9C7685, #6C4D5D, #233024)

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