Ultramarine Ridge color palette — #DFF2F3 · #00ADD9 · #007FBE · #004FB8 · #31286F

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

The five colors

• Frost (#DFF2F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00ADD9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007FBE): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#004FB8): A full-bodied, vivid blue — the color of deep harbor water.
• Royal Purple (#31286F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Pale Navy color palette (#C5F0EC, #00B1BD, #0087AE, #005A86, #022472)
• Navy Field color palette (#E5FAFF, #50CBFE, #0089D1, #005099, #05136A)
• Aged Nightshade color palette (#CAF2FF, #39ACFF, #206DFA, #3F20D0, #3B216B)
• Mallow Cabin color palette (#EEF6FF, #D5D6FF, #EF91EE, #0095A9, #2F3564)
• Washed Sapphire color palette (#DCEAFF, #85B5FF, #4168FF, #00459C, #001741)
• Tempered Summit color palette (#D3E7FF, #73B3FF, #CC7000, #0059A9, #472300)
• Periwinkle Studio color palette (#E9F8FF, #8ED2F6, #6BA8EE, #6372A4, #4C526D)
• Grape Field color palette (#E0EEF8, #85B9FF, #797CFF, #693CBE, #4E2A65)

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