Hazy Ultramarine color palette — #ECECDF · #649337 · #0B41C2 · #2E5000 · #00010E

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

The five colors

• Cream (#ECECDF): a clean, paper-quiet neutral.
• Olive Leaf (#649337): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#0B41C2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#2E5000): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#00010E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, vibrant.

Use it as a design system

One click turns Hazy Ultramarine 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

• Faded Nightshade color palette (#EAF1E2, #009B70, #502AC0, #00523A, #02000D)
• Sunlit Courtyard color palette (#D7F0EA, #61A300, #004F89, #274600, #000104)
• Muted Bronze Alley color palette (#E6DECF, #9A8200, #005A7C, #524400, #000204)
• Navy Delta color palette (#F4F0D9, #5E6F00, #0038A4, #362200, #060900)
• Feathered Pine Workshop color palette (#F9D7D2, #008851, #005170, #580103, #000F0D)
• Chalky Station color palette (#DCE0D0, #00B862, #007EAA, #007C40, #000201)
• Tempered Indigo Canyon color palette (#F1F4E2, #60C55F, #615AF9, #0F7F19, #0C0B30)
• Hazy Lagoon Lantern color palette (#E6EFD8, #009A6B, #006368, #003246, #050039)

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