Misty Bloom color palette — #FFF3E7 · #DE9138 · #828724 · #336B4D · #562732

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#DE9138): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#828724): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#336B4D): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#562732): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Mustard Harbor color palette (#FCF4E6, #C9AF5D, #6D9A69, #317673, #48413C)
• Washed Basin color palette (#FFF3E6, #DC9323, #748A49, #7B4C6C, #3D3633)
• Softworn Amber color palette (#FFF2EA, #B97552, #466F3F, #004F6D, #4D274E)
• Blush Garden color palette (#FFF2EE, #F3788D, #B26E27, #5D6329, #4A2B48)
• Washed Olive color palette (#FDE4C0, #B58200, #437A00, #00544D, #421200)
• Weathered Chapel color palette (#FFF3E6, #DECAA0, #AC9E79, #637F40, #3D523A)
• Dusty Mustard color palette (#FFE2BB, #EDB53B, #B18C28, #7F6F2B, #4C4942)
• Denim Harbor color palette (#FDF3EA, #E8AD74, #B47C42, #006291, #412200)

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