Petrol Ridge color palette — #BAEFF8 · #84ACBF · #53769B · #6F434C · #4F3639
A conversation between Slate and Coffee, giving this palette its sense of trust and stability.
The five colors
- Frost (#BAEFF8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#84ACBF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#53769B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#6F434C): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#4F3639): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Antique Market color palette (#C8E8FF, #91A8D6, #796F9D, #694758, #2C4C34)
- Teal Parlor color palette (#CDEFE7, #7BB69C, #448384, #565472, #56374A)
- Dusty Archive color palette (#C4EDD0, #A6CCB9, #8EB4A8, #99717F, #613F45)
- Muted Indigo color palette (#D4E4EC, #6A9CE8, #6D58BC, #76330E, #4C3700)
- Wandering Delta color palette (#DDEEDB, #7FCCCF, #8490BE, #8E572A, #6A3500)
- Timeworn Oat Bloom color palette (#ECF7FF, #BECCE4, #8D8EA6, #7F6A72, #44574C)
- Denim Cabin color palette (#D4F7F7, #358DAC, #325697, #661B26, #401A00)
- Worn Alley color palette (#E1F1FC, #28AADE, #AD4600, #005F80, #55260E)
Browse the whole catalog at Explore, or see today's palette.