Petrol Cabin color palette — #EFF2F8 · #D8D5DE · #C3B8CE · #6672A1 · #292C32

Slate and Ash set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EFF2F8): bright and airy, almost weightless.
• Silver (#D8D5DE): a clean, paper-quiet neutral.
• Ash (#C3B8CE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#6672A1): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#292C32): quiet, heavy and certain.

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

• Softworn Petrol color palette (#FAF3F9, #E8D7D7, #CCBDB8, #60749D, #4D454C)
• Washed Market color palette (#F2F0FA, #DFD1DC, #CAB5DB, #934B92, #26232E)
• Tempered Driftwood Terrace color palette (#F1F0FF, #C0B5DE, #AE7A91, #755263, #2A3E29)
• Muted Ash color palette (#F1F5FB, #DDD9E2, #BFB4AD, #879ECA, #3A4048)
• Patina Thicket color palette (#E7F6F1, #8EBFB7, #4C8458, #345B69, #0B2E29)
• Aged Boulevard color palette (#EEF1FF, #CDD9FF, #BAAEFF, #AF82CC, #191C39)
• Indigo Parlor color palette (#EBEEFF, #7E63B4, #2F2E46, #121426, #05060D)
• Washed Boulevard color palette (#FDECFA, #9F8EDE, #84549A, #6F302C, #1F2134)

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