Ultramarine Harbor color palette — #D3E4CC · #AEA200 · #009E89 · #0B51CE · #000202
A conversation between Cobalt and Mustard, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D3E4CC): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#AEA200): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#009E89): A luminous, balanced teal — the color of shallow lagoons.
- Cobalt (#0B51CE): A full-bodied, vivid violet — the color of wild irises.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.
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
- Emerald Workshop color palette (#E9EED7, #C7A800, #00A046, #005E8B, #000201)
- Softworn Lapis color palette (#D7F0DB, #31B84E, #009BA8, #553AD1, #000102)
- Denim Thicket color palette (#E5E0C0, #4E8C73, #005776, #361D00, #020100)
- Patina Denim Pier color palette (#F6ECE6, #6EADBD, #00598C, #002D1F, #00000B)
- Moss Pier color palette (#CBF1F6, #788F00, #007668, #00405C, #000203)
- Violet Lantern color palette (#E2FDEC, #3BF7A6, #00B8DA, #8459FF, #00050F)
- Terracotta Canyon color palette (#D0F6E3, #007697, #9B1C00, #003040, #040000)
- Hushed Parlor color palette (#FCE5FF, #00DAAF, #00A9F3, #AC15C6, #00000C)
Browse the whole catalog at Explore, or see today's palette.