Petrol Ridge color palette — #F9F4EE · #BFE6DB · #758BB2 · #006D87 · #5B3C52
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Celadon Mist (#BFE6DB): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#758BB2): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006D87): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5B3C52): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Cypress color palette (#F9F4EE, #C9E4D4, #5A92B1, #057170, #225147)
- Washed Garden color palette (#F6F1EB, #C6E4DB, #7B89C7, #006C6F, #322346)
- Hushed Cabin color palette (#FBF2F5, #D9DCF6, #98A0D7, #008B93, #444462)
- Denim Alley color palette (#F5EBDC, #6FA9B7, #006080, #003E3B, #00213A)
- Aged Navy Veranda color palette (#F1EAE0, #4F88A4, #003F69, #002226, #000623)
- Antique Canyon color palette (#F6F8D8, #6A975B, #4E7BBE, #985154, #383932)
- Petrol Orchard color palette (#FCF4E8, #7CC5D1, #007999, #00574E, #003753)
- Weathered Olive Orchard color palette (#F7F7E5, #8BAC6D, #9E75BF, #4D7222, #4E3660)
Browse the whole catalog at Explore, or see today's palette.