Petrol Ridge color palette — #ECF9EF · #2399A6 · #3A639F · #583770 · #00432D
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Cerulean (#2399A6): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#3A639F): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#583770): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#00432D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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 Archive color palette (#EBF9F2, #68A0BD, #6B6B9A, #6B4561, #324A30)
- Muted Ridge color palette (#F2F8E7, #399E6B, #00707D, #26477A, #393B0B)
- Ancient Cobalt Pier color palette (#BCF0FF, #5AB6DC, #0883B2, #185C87, #194F44)
- Chalky Nightshade Station color palette (#C2F5E4, #0076AE, #4F0DBE, #59004F, #002B26)
- Grape Balcony color palette (#E0FDF5, #0080DA, #6E35A9, #004D2D, #003740)
- Weathered Villa color palette (#FFEBF9, #636FBF, #743976, #661D25, #003043)
- Linen Garnet color palette (#F2F3E6, #6E9C5D, #3C63A6, #7D0515, #142400)
- Wandering Petrol color palette (#D9EADD, #00808C, #1D392A, #142318, #040F0C)
Browse the whole catalog at Explore, or see today's palette.