Ultramarine Harbor color palette — #E8F4E8 · #009697 · #2E29D8 · #005051 · #010010

Cobalt and Cerulean set the tone — five colors that lean into creativity and calm.

The five colors

• Cream (#E8F4E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#009697): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#2E29D8): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#005051): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#010010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Energy, Balance. Tagged duotone, vibrant, 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

• Grape Thicket color palette (#DCEDE2, #0093AA, #6619B7, #004E5B, #060002)
• Frosted Workshop color palette (#DBF3F8, #00B1A4, #6A4FF3, #00786E, #02000D)
• Nightshade Coast color palette (#DCE6D9, #007970, #1E0099, #002E2A, #01000F)
• Misty Lantern color palette (#D4EAEF, #008DB5, #005B96, #030896, #0F0030)
• Aged Lagoon color palette (#EAF5DC, #009B6E, #005B7A, #005339, #000201)
• Nightshade Loft color palette (#F0E8D7, #007E9E, #133CAB, #540D00, #000D18)
• Ancient Sapphire color palette (#E5F7E9, #00C1D3, #4062FF, #007783, #060E2D)
• Aubergine Pier color palette (#D4F5E6, #007096, #6C0083, #431700, #030A00)

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