Hazy Lantern color palette — #F4F4FF · #DBB4FF · #A99100 · #00A359 · #361F48

A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#DBB4FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mustard (#A99100): A luminous, balanced green — the color of fresh herbs.
• Kelly Green (#00A359): A luminous, balanced teal — the color of shallow lagoons.
• Deep Indigo (#361F48): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Emerald Field color palette (#F2F5FF, #B1A3FF, #D79900, #3CA21B, #2B254A)
• Patina Terrace color palette (#F7F2FF, #FFA5E1, #74A332, #009E91, #3F1E35)
• Frosted Study color palette (#F5F3FF, #F192FF, #948C00, #008D72, #112045)
• Tangerine Field color palette (#EFF6FF, #85B3FF, #FB7D3F, #958C00, #132A50)
• Weathered Coral Corridor color palette (#E0FFE6, #FF9AD8, #F86867, #00924D, #542135)
• Feathered Harbor color palette (#F4DBF5, #FF929E, #009A6F, #0086AC, #420011)
• Wisteria Lantern color palette (#F6F3FF, #CB6BC7, #C16F00, #00785D, #3B1F3A)
• Faded Peony color palette (#EAE5F2, #DC74BA, #557900, #00726D, #1F0016)

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