Petrol Ridge color palette — #D2EFF1 · #007493 · #003D64 · #000F3A · #010009
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D2EFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007493): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003D64): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, 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
- Obsidian Lantern color palette (#C3E8ED, #005D78, #003765, #000C43, #070026)
- Patina Cobalt Bloom color palette (#DDECF4, #0087C5, #00639F, #003C75, #000519)
- Wandering Lagoon Canyon color palette (#E1F1E6, #008A71, #004748, #001319, #000103)
- Weathered Cobalt color palette (#F0DFF3, #006CBF, #714C00, #002C53, #020100)
- Washed Lantern color palette (#CFF0FF, #0078C4, #1024BD, #11003F, #020007)
- Peony Garden color palette (#ECD7EE, #AEA7E2, #BF62A1, #004E5F, #01000A)
- Softworn Nightshade Corridor color palette (#E1E8F6, #637AD7, #2019A3, #1A071A, #000120)
- Nightshade Canyon color palette (#D8E1F7, #2949AF, #653B00, #3D3000, #00000C)
Browse the whole catalog at Explore, or see today's palette.