Petrol Cabin color palette — #E9F4FA · #539EB4 · #4F6B9D · #783C3D · #08221D

Slate and Rust set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F4FA): bright and airy, almost weightless.
• Cerulean (#539EB4): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4F6B9D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#783C3D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#08221D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Lagoon Dune color palette (#E5F6F5, #5AA17E, #4F729D, #5D466C, #132216)
• Patina Cocoa Grove color palette (#E8F4F8, #5CACAA, #8D6084, #72383D, #06301A)
• Aged Teal Bloom color palette (#FBEDF7, #75BCA8, #4D7F9A, #734338, #193037)
• Cobalt Hollow color palette (#EAF3FD, #567EC7, #8A486A, #67380D, #001619)
• Hazy Garnet Coast color palette (#E5F5FF, #007499, #7F2C48, #64182B, #000E0B)
• Antique Quarry color palette (#E2F0F6, #1C93A0, #2F3D49, #132026, #080E0F)
• Antique Nightshade color palette (#E7F4FF, #0080A6, #3E3ABB, #690109, #001002)
• Softworn Lagoon Pier color palette (#EBF4F5, #D2D7DE, #B2ADBA, #5E8C91, #2F3839)

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