Hazy Ultramarine Lantern color palette — #F3E4F1 · #5D81DD · #8C7100 · #1623E4 · #221A00

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

The five colors

• Blush (#F3E4F1): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#5D81DD): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#8C7100): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#1623E4): A full-bodied, vivid violet — the color of wild irises.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Patina Nightshade Drift color palette (#E5EFFF, #5F89FF, #947600, #1B36BD, #0B0700)
• Grape Pier color palette (#FFE0EF, #8875D0, #8B7200, #5E00CB, #211A00)
• Cobalt Studio color palette (#D8EEE7, #1D8DD4, #936E00, #005789, #241800)
• Feathered Nightshade color palette (#E5EEFC, #2C5EE6, #006A4E, #030AAD, #002116)
• Indigo Lantern color palette (#DCDDEE, #6B5BDF, #8C5F00, #5C5C00, #100635)
• Misty Sapphire color palette (#F2E6F0, #6798FF, #00A77D, #3568D9, #002116)
• Grape Cabin color palette (#FFD9E5, #CB91FF, #969000, #7E00BE, #323000)
• Aged Studio color palette (#F3D6DE, #BC73DF, #248B0F, #67008A, #032201)

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