Petrol Ridge color palette — #F1F5FC · #AEBEF2 · #9E7252 · #5A6AA0 · #37292F
Slate and Sky set the tone — five colors that lean into optimism and creativity.
The five colors
- Ivory (#F1F5FC): bright and airy, almost weightless.
- Sky (#AEBEF2): A luminous, dusty violet — the color of a velvet chair.
- Mocha (#9E7252): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Slate (#5A6AA0): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#37292F): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Petrol Ridge 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
- Patina Petrol color palette (#EFF6FB, #8ECBDF, #A36B72, #217890, #352936)
- Dusty Indigo color palette (#F7F0F3, #DFB6C9, #B0698A, #775EB9, #22100F)
- Timeworn Ash color palette (#E6FAF9, #9FA3D4, #976777, #266560, #464558)
- Tempered Iris color palette (#F3F5FB, #C6CEF8, #C9849B, #917AD6, #332A37)
- Hushed Cocoa color palette (#F1F5FF, #D1B5E6, #A26E8A, #8B4646, #72370E)
- Mulberry Terrace color palette (#F6F3FC, #D696C8, #647829, #87427A, #122923)
- Softworn Archive color palette (#F7F3FF, #DCDAE6, #E9A9E2, #C98A5B, #524356)
- Hushed Driftwood color palette (#F4F4FC, #DFD8DC, #B3AAA2, #7E7DA5, #51525A)
Browse the whole catalog at Explore, or see today's palette.