Petrol Ridge color palette — #F1E5EC · #8FBAD0 · #0172A7 · #004C43 · #00113E
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Ash (#8FBAD0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0172A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00113E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Timeworn Harbor color palette (#E6F1F0, #94B7C9, #007393, #004F55, #003248)
- Ancient Denim color palette (#FCEBF1, #6BA3CA, #2B559F, #00393D, #0A002D)
- Cornflower Lantern color palette (#FEECF2, #ABD5F9, #5A7DDC, #00606C, #251B4B)
- Softworn Azure Dune color palette (#F4F6EC, #B8EAE6, #00A0CE, #006872, #002133)
- Lagoon Cabin color palette (#F0E1EC, #4099A0, #005168, #002D1F, #00050D)
- Soft Sapphire color palette (#E2F4EB, #888400, #4860C9, #4C4900, #06083A)
- Chestnut Villa color palette (#D9F4E4, #B3CEA3, #47ACA3, #7D4800, #131F00)
- Patina Canyon color palette (#CEEAD9, #7E8F49, #625500, #452A00, #001210)
Browse the whole catalog at Explore, or see today's palette.