Petrol Ridge color palette — #E0F8F1 · #5EA9B6 · #6660A9 · #394F00 · #0D2536
Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#E0F8F1): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5EA9B6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#6660A9): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#394F00): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#0D2536): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro, 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 Pewter color palette (#DDF8F8, #74A0CD, #8C528E, #005249, #182239)
- Petrol Lagoon color palette (#FFECF2, #60AE95, #3B6F9E, #653B00, #002832)
- Quiet Archive color palette (#E8FBEB, #6E9AD2, #7058AB, #6F4207, #303D55)
- Powdered Courtyard color palette (#FBF6DF, #51C1E3, #8E76C4, #646824, #21453D)
- Misty Station color palette (#E6F4FC, #339BB8, #984C27, #314A00, #152300)
- Muted Harbor color palette (#F9EEF4, #9BBDA2, #6F7C47, #624A6E, #152D1C)
- Aubergine Grove color palette (#D2E4E2, #008CB4, #6922A9, #003C1C, #00112B)
- Hushed Mulberry Veranda color palette (#D4F0EA, #8083C0, #94315C, #004149, #210C2F)
Browse the whole catalog at Explore, or see today's palette.