Misty Ultramarine color palette — #F8F5EC · #9C9E5E · #3756B1 · #535300 · #240F22

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

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Moss (#9C9E5E): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#3756B1): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#535300): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#240F22): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Misty 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

• Nightshade Atelier color palette (#F4F7EC, #63AD74, #564FA5, #006029, #270E1E)
• Wandering Cabin color palette (#FAF5E9, #A79B4D, #006882, #5B5000, #041E12)
• Fern Boulevard color palette (#E6F6F3, #74B362, #00727C, #216600, #00080C)
• Frosted Thicket color palette (#EEF5E3, #00A86E, #6500CB, #005535, #14092A)
• Hushed Plum color palette (#F0F8EE, #00BAAF, #AE0087, #00645D, #311114)
• Pale Dune color palette (#F6F2E3, #7C7B29, #005C7B, #720600, #2E2D00)
• Weathered Cypress color palette (#F3F7F0, #B4C8A4, #8471AD, #008066, #3A2830)
• Olive Pier color palette (#E5E5D8, #598617, #004465, #233A00, #000409)

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