Misty Ultramarine color palette — #F8E9F5 · #6F8BD1 · #7B7F00 · #2A49B9 · #363900

Built around Cobalt, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Blush (#F8E9F5): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender Blue (#6F8BD1): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#7B7F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#2A49B9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#363900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Pale Nightshade Courtyard color palette (#E0E9FF, #8289D6, #8F7B00, #4746A3, #221C00)
• Faded Grape color palette (#FFF0F7, #A196CF, #759650, #6D4ABD, #374922)
• Antique Navy Loft color palette (#F6EAF6, #648FCB, #BC6719, #004CA0, #532800)
• Dusty Grape color palette (#FFE7EF, #9B7FBB, #807D00, #7610B7, #393800)
• Linen Atelier color palette (#F9E9F3, #AAB2FF, #AC9400, #5250BF, #3F3500)
• Faded Aubergine color palette (#EDDCE5, #6C59BF, #5C5E00, #3E0095, #1B1C00)
• Wandering Violet Station color palette (#F9DBE6, #8A63BA, #886700, #515B10, #332147)
• Mustard Boulevard color palette (#E7EEFF, #B0B8FF, #C9B020, #8187DE, #3E3507)

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