Petrol Ridge color palette — #FAF2F8 · #BC7773 · #4867B1 · #5D4476 · #362C3C
Slate takes the lead with Caramel close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Caramel (#BC7773): A luminous, balanced orange — the color of autumn markets.
- Slate (#4867B1): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#5D4476): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#362C3C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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
- Moss Alley color palette (#E7F6EF, #918B1B, #5E5E96, #4A4A6F, #201720)
- Muted Ridge color palette (#EBF8F8, #5C9E77, #007095, #434E7C, #302E3E)
- Worn Workshop color palette (#F8F5EA, #A0A436, #7689BF, #566693, #3D3633)
- Washed Indigo Lagoon color palette (#ECF7FC, #329FB1, #6B5CAE, #623D63, #3E323E)
- Soft Chapel color palette (#EEF6FF, #8C6E0E, #852D80, #6E2335, #3B262F)
- Wandering Canyon color palette (#E7FAF2, #90B482, #448764, #2D6078, #324E4B)
- Aged Teal Workshop color palette (#E8F9FA, #8BCDB4, #5CB2B6, #9086B5, #21362B)
- Lagoon Alley color palette (#EFF7F5, #D2DCDF, #A9ABBC, #608D7F, #4C5552)
Browse the whole catalog at Explore, or see today's palette.