Petrol Ridge color palette — #C5E8F9 · #006C84 · #002D40 · #281F1F · #000B0F
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#C5E8F9): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006C84): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002D40): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#281F1F): a grounded near-black with real depth.
- Ink (#000B0F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, 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
- Onyx Hollow color palette (#D3E2EF, #006192, #520201, #002034, #050004)
- Cornflower Study color palette (#D5ECFF, #218EF4, #005991, #002B52, #001629)
- Cerulean Cabin color palette (#DBF4FF, #009CBC, #007394, #003F53, #000204)
- Wandering Study color palette (#DDF5E7, #BA004B, #00764E, #071013, #000202)
- Ultramarine Drift color palette (#E0E9F6, #004DDE, #002574, #2C1921, #000919)
- Aged Periwinkle color palette (#D1F8F8, #4EA4ED, #7C51A2, #003C21, #000C11)
- Washed Cobalt Meadow color palette (#F4F4FF, #B5B1FF, #5C69B0, #363A70, #24274B)
- Moonless Terrace color palette (#FDDAE6, #6B5700, #412400, #280100, #000503)
Browse the whole catalog at Explore, or see today's palette.