Petrol Basin color palette — #F1F5FC · #AFBFEA · #A7696E · #5169AD · #362837
A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F5FC): bright and airy, almost weightless.
- Sky (#AFBFEA): A luminous, dusty violet — the color of twilight just after sunset.
- Mocha (#A7696E): A full-bodied, dusty red — the color of a theater curtain.
- Slate (#5169AD): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#362837): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Petrol Basin 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
- Petrol Station color palette (#EEF7FB, #9FC7DC, #A16791, #007A92, #302B38)
- Timeworn Pewter Lantern color palette (#F5F4FC, #BEBBE2, #9F7341, #86579A, #39292E)
- Wisteria Pier color palette (#F3F5FB, #D2C9FF, #C67EC1, #8E7FCB, #2F2C37)
- Softworn Pewter Studio color palette (#E8FAF4, #A3A1D5, #996383, #1F6755, #45455A)
- Antique Mulberry Pier color palette (#F0F5FF, #B7BAE0, #996E9B, #8A3E5E, #76282D)
- Hushed Forest color palette (#F3F4FE, #8C78A4, #96533C, #1F5A2A, #2C3545)
- Muted Driftwood Archive color palette (#F4F5FB, #DED8DE, #B5A9A3, #8877AD, #50525D)
- Dusty Orchard color palette (#F5F3FF, #DCD7F1, #E1B8FA, #D57D78, #483F56)
Browse the whole catalog at Explore, or see today's palette.