Petrol Ridge color palette — #EEF7F6 · #D5DCED · #7C9EB8 · #327A89 · #3F5569
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF7F6): bright and airy, almost weightless.
- Silver (#D5DCED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7C9EB8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#327A89): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#3F5569): A full-bodied, dusty blue — the color of a favorite pair of jeans.
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
- Cypress Station color palette (#F6F0F3, #D7D1E6, #7FA0C2, #137A78, #29364F)
- Dusty Denim color palette (#D7E6E4, #6CA8BE, #005F81, #003D45, #002236)
- Worn Ash Orchard color palette (#F3F4FF, #9E8DC4, #B07784, #447E9B, #3E4154)
- Lagoon Coast color palette (#FAF4F0, #C5DFEA, #93B5D9, #2A9895, #64485D)
- Worn Cobalt color palette (#E3EDFF, #A4AEE1, #7979B4, #655A8C, #484B6A)
- Softworn Navy Corridor color palette (#D9EFEE, #5187AC, #003E6C, #00202C, #00081D)
- Ancient Grove color palette (#E9F9F6, #57CCCE, #007D87, #00574E, #003A44)
- Weathered Delta color palette (#F2F4FF, #B3A6DF, #C3877B, #7667A3, #604259)
Browse the whole catalog at Explore, or see today's palette.