Petrol Ridge color palette — #CDE4ED · #0075A1 · #003F61 · #001224 · #000105

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE4ED): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0075A1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003F61): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Denim Balcony color palette (#DAEEF7, #005E82, #003756, #00192E, #000616)
• Hushed Cypress color palette (#DCF7F0, #008378, #00504F, #00181A, #000102)
• Cornflower Chapel color palette (#E0EAFA, #447BE2, #00328A, #00052B, #00000A)
• Gentle Mulberry color palette (#D6E4F3, #006CBE, #911865, #002C52, #040002)
• Aged Chapel color palette (#D8F2F3, #0081A0, #006296, #002C9F, #050029)
• Softworn Iris Grove color palette (#CEE2FF, #A4AFF6, #8879C8, #004575, #00000B)
• Wandering Ultramarine Corridor color palette (#DCE8FC, #0046C2, #740076, #003A3A, #000107)
• Aubergine Courtyard color palette (#DDE1F2, #6257DC, #400096, #1D0040, #020006)

Browse the whole catalog at Explore, or see today's palette.