Petrol Ridge color palette — #EEF7F6 · #D4DDEE · #779FBA · #367A84 · #3E5568
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 (#D4DDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#779FBA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#367A84): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#3E5568): A full-bodied, dusty blue — the color of deep harbor water.
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
- Tempered Corridor color palette (#E2FAFF, #D0DCE9, #B0C7EC, #608C8E, #3E5257)
- Cypress Boulevard color palette (#F6F0F3, #D4DBEA, #76A1C6, #1F7A73, #29364D)
- Ancient Denim Drift color palette (#DCEBE9, #6AA9BC, #00607C, #003D42, #002334)
- Patina Teal color palette (#DFFCFE, #5BA993, #6190B0, #7A7946, #2D484A)
- Navy Workshop color palette (#DAE9E8, #4B88AA, #004065, #00212A, #000919)
- Aqua Field color palette (#E9F9F5, #68CBC5, #007D82, #005749, #003A41)
- Cypress Courtyard color palette (#E6FAFA, #86BEA3, #B89067, #3F8265, #63424E)
- Gentle Cobalt color palette (#EBF8F8, #A4D4FE, #4281CC, #006185, #233D72)
Browse the whole catalog at Explore, or see today's palette.