Petrol Cabin color palette — #EFF6FF · #D9DCFF · #D1A2DD · #0075A6 · #100E36
Slate and Mauve set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Thistle (#D9DCFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#D1A2DD): A luminous, balanced pink — the color of a candy shop window.
- Slate (#0075A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#100E36): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, 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
- Hushed Periwinkle color palette (#EAF8FF, #CEDBF8, #96ABF1, #007570, #00111A)
- Softworn Harbor color palette (#F3F4FF, #D9BEFF, #DB7BBD, #2B5DAB, #0A001F)
- Lagoon Grove color palette (#D9E5F5, #D1BAFF, #EB99B7, #009DA5, #1F1A3C)
- Muted Orchid color palette (#F4E2F1, #A2A2F3, #B35ACD, #005781, #34182E)
- Chalky Nightshade color palette (#FAF2FF, #FFD0DA, #EF91A7, #5D50A6, #200120)
- Peony Studio color palette (#C2EBDF, #A99FDF, #CD4B9A, #005357, #030627)
- Muted Cabin color palette (#F6F3FF, #E8D6DE, #FEBAB8, #5B84EF, #301647)
- Ancient Pewter Boulevard color palette (#F8F2FF, #E9DBD8, #FFBBAA, #89669F, #271730)
Browse the whole catalog at Explore, or see today's palette.