Petrol Cabin color palette — #E7F4F9 · #31A6B0 · #3972A6 · #703C35 · #051C20

Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7F4F9): bright and airy, almost weightless.
• Cyan (#31A6B0): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3972A6): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#703C35): A full-bodied, dusty orange — the color of toasted spice.
• Ink (#051C20): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Chapel color palette (#E7F4FB, #309EBB, #7556A8, #5E4200, #0C1A21)
• Patina Teal Basin color palette (#FEEBF9, #69BEA4, #4D7DA8, #70453C, #1C2F36)
• Petrol Cabin color palette (#EBF5EF, #9B904C, #296CA8, #6F3D3B, #0E1D15)
• Nightshade Parlor color palette (#E2F6FF, #007C8F, #4A2EBF, #5D2F00, #001018)
• Linen Mulberry Summit color palette (#E9F4FB, #1A84AF, #962565, #3A4700, #021522)
• Wandering Cerulean Study color palette (#E2F0F6, #0193A4, #2D3D4F, #102127, #070E0F)
• Timeworn Chapel color palette (#E6FAFC, #3A9A78, #795590, #6E3A3A, #283832)
• Washed Plum Ridge color palette (#E5F6F6, #5DB087, #9D5582, #6D4016, #3B1B2A)

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