Ultramarine Harbor color palette — #F7DCF2 · #2340BC · #3E4A00 · #002E33 · #000013
Cobalt takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F7DCF2): A whisper-light, dusty pink — the color of a candy shop window.
- Cobalt (#2340BC): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#3E4A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#002E33): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000013): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Calm, Energy, 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
- Nocturne Nightshade Quarry color palette (#EDDFE9, #3730C9, #693300, #152F00, #070005)
- Moonless Aubergine color palette (#EDDBE0, #5F0093, #004224, #001E34, #020006)
- Raspberry Meadow color palette (#FFE5F5, #CB28A6, #105C09, #004257, #1A0013)
- Quiet Study color palette (#FEE0E6, #800098, #005040, #0D017D, #080002)
- Antique Terracotta Pier color palette (#F6DAC9, #A54000, #006356, #00346E, #130300)
- Mulberry Lantern color palette (#F4DBDE, #93008B, #3F3600, #001D2A, #00030D)
- Weathered Mulberry Hollow color palette (#FFE5E3, #930060, #004F45, #002F28, #070003)
- Weathered Aubergine color palette (#FAD7DC, #85008B, #6B2F00, #002B47, #200109)
Browse the whole catalog at Explore, or see today's palette.