Petrol Ridge color palette — #E8FAF1 · #CEB2D8 · #BC8175 · #37769C · #4D4357
Slate takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
- Lavender (#CEB2D8): A luminous, dusty pink — the color of neon signs at night.
- Caramel (#BC8175): A luminous, dusty orange — the color of autumn markets.
- Slate (#37769C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4D4357): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Wandering Ash color palette (#E8F9F9, #AFBBEC, #BB7C99, #307D74, #44465B)
- Dusty Petrol Lantern color palette (#EEF9EE, #E5ADB1, #A69053, #6169A4, #583F4E)
- Petal Summit color palette (#F8F6E2, #FFC9F6, #CD9374, #437B8E, #4D3A37)
- Wandering Cerulean Delta color palette (#F4F4FF, #CECBE1, #B79DAE, #6C8BA9, #4E4E65)
- Bronze Villa color palette (#FDF4E5, #D393A1, #AA613F, #276657, #4E4643)
- Hushed Taupe color palette (#F8EEF7, #C78985, #4D5D4C, #40333F, #242028)
- Sunlit Blush color palette (#DCFFEA, #EE7AB9, #BB7013, #005597, #592026)
- Worn Mustard color palette (#FAF2FB, #E2D7E0, #BABBA3, #CDAB4B, #563E51)
Browse the whole catalog at Explore, or see today's palette.