Petrol Ridge color palette — #F4F7ED · #C3E5D8 · #658FB3 · #036D88 · #304968
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F7ED): a clean, paper-quiet neutral.
- Celadon Mist (#C3E5D8): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#658FB3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#036D88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#304968): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hushed Cypress Field color palette (#F5F6EE, #CBE2DE, #67A4B5, #2F7C7D, #335244)
- Muted Quarry color palette (#F7F0EC, #C2E6D8, #6A8EC7, #006C71, #3E2035)
- Softworn Cobalt color palette (#F3F7E7, #97D8FB, #2187C3, #006378, #034272)
- Antique Powder color palette (#EFF7F7, #D5DBF2, #85C4FD, #5BA3BE, #324964)
- Ancient Pier color palette (#ECEDE2, #68ABB3, #006272, #003E3C, #00242E)
- Softworn Cerulean Field color palette (#EFF2E2, #398CA5, #00435A, #002226, #000B14)
- Patina Field color palette (#ECF1E3, #8EB6D8, #1F69B4, #004C66, #132C58)
- Softworn Navy Drift color palette (#E4ECD8, #6F93B8, #00449A, #002C42, #020744)
Browse the whole catalog at Explore, or see today's palette.