Ultramarine Ridge color palette — #E3EEFF · #0055B6 · #1A1643 · #010D20 · #010107

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E3EEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#0055B6): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Indigo (#1A1643): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#010D20): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#010107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Twilit Archive color palette (#DFF3FF, #006480, #001F3D, #000F19, #000206)
• Lapis Bloom color palette (#EBEFFF, #4216F3, #270E43, #070827, #02020A)
• Quiet Cornflower color palette (#F7E1F6, #438EFF, #465490, #1E3558, #000A07)
• Sapphire Grove color palette (#F0E1F0, #0074E5, #3A2D61, #261127, #000A05)
• Midnight Alley color palette (#DCDEED, #6F00BF, #41322F, #280E29, #070716)
• Velvet Aubergine Atelier color palette (#E1E5FF, #260085, #2A1429, #080013, #050100)
• Tempered Plum Orchard color palette (#E8E0F9, #AD3B9C, #392D3F, #211D29, #0F0B10)
• Deep Aubergine color palette (#F0EDFF, #70007C, #34251E, #210113, #04010E)

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