Petrol Ridge color palette — #E9FAF1 · #868700 · #006BAF · #703C74 · #2F1726
A conversation between Peacock and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#868700): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#006BAF): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#703C74): A full-bodied, balanced pink — the color of neon signs at night.
- Onyx (#2F1726): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Chalky Sapphire Harbor color palette (#E6FBF4, #72942F, #3764BC, #763260, #142712)
- Quiet Aubergine color palette (#E4F7F3, #72A659, #007DA2, #6B367A, #481D00)
- Airy Nightshade Loft color palette (#EBFAEB, #B67700, #007486, #514095, #2D162D)
- Ancient Moss Drift color palette (#FAF5E3, #AEA212, #0071B3, #6C2674, #190800)
- Cobalt Chapel color palette (#E4FBF5, #8CA966, #6674C3, #88496E, #3A232B)
- Aubergine Quarry color palette (#DFF5E3, #8DAF65, #228B6D, #5F448C, #1B381B)
- Navy Quarry color palette (#DDF7EC, #627200, #0048A3, #5C004B, #0E0400)
- Dusty Balcony color palette (#E2FBF6, #457530, #005750, #560054, #00211C)
Browse the whole catalog at Explore, or see today's palette.