Ultramarine Harbor color palette — #CDEBDA · #786C00 · #234ABE · #3D3700 · #00002B

A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CDEBDA): A whisper-light, dusty teal — the color of sea glass.
• Olive (#786C00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#234ABE): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#3D3700): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Lapis Veranda color palette (#CCEED8, #826B00, #4639CE, #453800, #140057)
• Tempered Grape color palette (#CAEBDB, #746E00, #6A2FB3, #3B3800, #0C001F)
• Lapis Workshop color palette (#FFECC6, #BB9D22, #555CD1, #5D4C00, #040027)
• Gentle Bronze color palette (#EBD9E2, #B85D1D, #00498F, #582600, #000718)
• Hazy Nightshade color palette (#E7E2BE, #655800, #4429B4, #520070, #040300)
• Indigo Harbor color palette (#F2E4CE, #A87F00, #6B5FD8, #694E00, #1A0053)
• Patina Terrace color palette (#C7E5E2, #219141, #6B1C88, #004316, #110019)
• Amethyst Basin color palette (#D2F8F4, #00A239, #6D44FA, #005D1D, #160047)

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