Petrol Cabin color palette — #F4F6EF · #C7E5E3 · #72A0B9 · #227B89 · #2B5347

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C7E5E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#72A0B9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#227B89): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#2B5347): A full-bodied, dusty teal — the color of sea glass.

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

• Ancient Hollow color palette (#E3FCF1, #68A0BE, #907EB8, #32886A, #2A4A3E)
• Aged Corridor color palette (#F4F6F0, #CAE2E4, #789DC3, #11799C, #624962)
• Aged Cypress Market color palette (#EFEFE7, #82BEBE, #00767F, #005148, #00343D)
• Tempered Cerulean color palette (#E6FBF3, #ECD6D4, #E1BBC3, #588FA5, #3C5850)
• Softworn Petrol Corridor color palette (#ECF9F2, #8FBCA5, #89A363, #007EA0, #44532C)
• Antique Navy color palette (#E1E5D9, #5587A4, #004066, #00212B, #000919)
• Hushed Denim Veranda color palette (#DEFEF2, #AAD1F2, #4F87B4, #155685, #193E59)
• Weathered Chestnut color palette (#FCF4E6, #C3B79C, #917E53, #7D5410, #594500)

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