Petrol Ridge color palette — #CDF8FF · #007489 · #003F54 · #001828 · #000207
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDF8FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007489): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Onyx color palette (#DCF3F1, #00808E, #004056, #001D34, #010035)
- Deep Dune color palette (#CDE5D8, #007358, #004039, #001D1C, #000202)
- Lowlit Onyx Archive color palette (#D5EFD8, #00606F, #00334A, #1F0035, #000203)
- Antique Cerulean color palette (#C6EBF7, #009BC9, #006494, #003866, #000F32)
- Softworn Lagoon color palette (#DAF7EE, #00A2A3, #005E7E, #001A3B, #010009)
- Timeworn Garden color palette (#DEE8DF, #8DA895, #678374, #003F42, #000601)
- Obsidian Navy color palette (#D3E8DC, #005265, #160082, #1F0024, #000201)
- Ultramarine Alley color palette (#C9E3F7, #0066B8, #002D80, #0B004D, #010009)
Browse the whole catalog at Explore, or see today's palette.