Ultramarine Harbor color palette — #F4E7C4 · #A19716 · #0E4BE8 · #683B00 · #282500
Cobalt takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F4E7C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#A19716): A luminous, balanced green — the color of a quiet forest floor.
- Cobalt (#0E4BE8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#683B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#282500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged 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
- Frosted Grove color palette (#E2EECA, #00A766, #0062D6, #673C00, #002D18)
- Tempered Lagoon color palette (#F3E7CF, #A78900, #0071A2, #821D00, #2D2300)
- Gentle Amethyst Summit color palette (#DBEFD1, #00A38E, #832BDB, #484C00, #002B25)
- Muted Nightshade color palette (#CBEFF8, #007F79, #2F0CD5, #600035, #322000)
- Olive Boulevard color palette (#FEE6D3, #C3A955, #628500, #006962, #392C00)
- Wandering Plum color palette (#D5F1D1, #00C1B8, #6B78FF, #B91060, #2F2200)
- Quiet Chestnut color palette (#E6EBD6, #8CBD92, #428FA8, #8F5600, #3A4300)
- Mulberry Boulevard color palette (#F3E7CB, #A18C00, #007A6D, #810059, #2B2400)
Browse the whole catalog at Explore, or see today's palette.