Petrol Cabin color palette — #ECF3F6 · #D6D7E2 · #C0BACC · #038491 · #232E33

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D6D7E2): a clean, paper-quiet neutral.
• Ash (#C0BACC): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#038491): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#232E33): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Petrol Lantern color palette (#EFF6FA, #D7DAE3, #BDBED1, #338090, #3F4A4F)
• Muted Denim color palette (#E9F6EC, #96BDB3, #4F816A, #195D74, #092E27)
• Pewter Corridor color palette (#C8F2F5, #A0C4C9, #708BA5, #676334, #003B3E)
• Wandering Denim Delta color palette (#E6F4FE, #CAD4E5, #A5A7D0, #006484, #001D2D)
• Wandering Parlor color palette (#EDF2FA, #DCD3E3, #C4B9D7, #2E63CE, #1B2535)
• Abyss Orchard color palette (#DEE8ED, #97A1AD, #73799B, #003D4B, #00050A)
• Wandering Turquoise color palette (#F1F7F3, #D2DDDE, #C3B3A8, #4BADC2, #36433A)
• Washed Petrol color palette (#E3F9E6, #62ACA1, #4C6B9D, #5B4100, #002735)

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