Eclipse Petrol Ridge color palette — #D4EBFA · #0069B1 · #002F77 · #05004F · #01000B

Built around Cobalt, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D4EBFA): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002F77): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#05004F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

Use it as a design system

One click turns Eclipse 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

• Nocturne Garden color palette (#D7F3FB, #006F90, #003D5C, #001529, #00010C)
• Ancient Denim color palette (#C7F1F2, #0091C5, #00529B, #1D0056, #020005)
• Navy Grove color palette (#D2E4DA, #005A8C, #051884, #290021, #000206)
• Patina Ultramarine Summit color palette (#E0EDFF, #0B53F2, #290EAA, #150047, #03000D)
• Nightshade Study color palette (#DFE7FA, #4635BD, #330072, #16002E, #030005)
• Patina Pier color palette (#C9E3FD, #4992FF, #2A46D8, #290093, #130039)
• Pale Cobalt color palette (#D5E4FF, #5E67B2, #463075, #430621, #1F0002)
• Muted Abyss color palette (#D8E7E0, #88A89D, #8A728D, #003C52, #000603)

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