Ultramarine Harbor color palette — #D7E0F1 · #3855DC · #853500 · #2F4400 · #000203

Built around Cobalt, softened by Rust — the whole palette hums with nature and growth.

The five colors

• Frost (#D7E0F1): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#3855DC): A full-bodied, vivid violet — the color of wild irises.
• Rust (#853500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#2F4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Faded Garnet Atelier color palette (#D9E8FB, #006EBF, #970604, #393700, #000202)
• Ancient Grape color palette (#DDDFF7, #803CB5, #654900, #00472A, #000205)
• Hazy Villa color palette (#D1EBD5, #7C64D0, #8C2884, #433B00, #070010)
• Wandering Orchid color palette (#DFDCEF, #AD66C4, #876A00, #006046, #000512)
• Moonless Veranda color palette (#DFE4F8, #4B11AD, #5E002B, #0C1C00, #02000C)
• Navy Atelier color palette (#EFDCEB, #453D3B, #0B008B, #311300, #040700)
• Twilit Grape Drift color palette (#DDDCF5, #8414B3, #35132D, #100718, #02000D)
• Hushed Grape color palette (#DAE0FC, #846ACA, #8A1FB0, #600058, #0F0006)

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