Petrol Cabin color palette — #E9F4F9 · #3E95A7 · #5762A4 · #693B16 · #0E1F25

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

The five colors

• Ivory (#E9F4F9): bright and airy, almost weightless.
• Cerulean (#3E95A7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5762A4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#693B16): A full-bodied, balanced gold — the color of old brass.
• Midnight (#0E1F25): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Cobalt Balcony color palette (#FCEDF4, #67BEAF, #5679AD, #6D482F, #17303A)
• Timeworn Pewter color palette (#E7F5F9, #0E979F, #90528A, #4F550E, #0E2026)
• Petrol Thicket color palette (#E5F6F4, #679F6D, #007099, #763835, #0A2220)
• Dusty Cerulean color palette (#E0F0FA, #2D8FB0, #323B4E, #122028, #060E10)
• Soft Mulberry color palette (#EAF3FB, #397DB6, #9E1D4F, #004B20, #081420)
• Turquoise Summit color palette (#EAF9F3, #49B0D0, #A275B2, #806285, #383730)
• Cerulean Study color palette (#ECF3F5, #D4D7E0, #B6ACB7, #578C99, #313739)
• Soft Studio color palette (#CAFEFC, #7CCCCA, #3A92B8, #315286, #32214E)

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