Misty Ultramarine color palette — #F9E9F4 · #BAB96C · #4F56B7 · #2B305F · #1D121A

Cobalt and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E9F4): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#BAB96C): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#4F56B7): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2B305F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1D121A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Wandering Summit color palette (#F6EAF7, #E3A575, #1E64AC, #1A3757, #1D111E)
• Pewter Dune color palette (#F9EAEE, #A5C078, #7C4D8E, #432A4D, #211015)
• Wandering Denim color palette (#F1F5FF, #E9CC90, #595C98, #222348, #02030B)
• Weathered Workshop color palette (#E7EFFD, #CACE88, #7285BE, #445677, #0D1626)
• Grape Delta color palette (#FADBE3, #8ABE42, #8418AD, #421356, #1D070F)
• Driftwood Studio color palette (#FCF2F4, #C8D8AC, #986A9B, #624349, #32292A)
• Timeworn Nightshade color palette (#EFDEE7, #80A03A, #42279E, #1A084B, #080004)
• Dusty Thicket color palette (#E9EEFF, #DF797C, #423677, #191F3D, #130E19)

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