Misty Mustard color palette — #FFF0F9 · #A3A9FF · #B3AB00 · #009D96 · #3C2133

Built around Gold, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#A3A9FF): A luminous, balanced violet — the color of wild irises.
• Gold (#B3AB00): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#009D96): A luminous, balanced teal — the color of glacier melt.
• Espresso (#3C2133): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Hushed Bloom color palette (#FFF0FB, #96AEFF, #DC9600, #00A07F, #202949)
• Tempered Moss Study color palette (#FBE8F4, #B4BAFF, #6F9D23, #0092AC, #331F2D)
• Mallow Thicket color palette (#FFF1F3, #E59AEA, #6BC485, #2F9DC2, #422C30)
• Misty Fuchsia Lantern color palette (#FFF1F3, #F489ED, #A09F00, #0081A8, #003648)
• Linen Fuchsia Villa color palette (#FFF1F2, #FD7BDF, #C78800, #008B8D, #371821)
• Soft Emerald color palette (#EFD6E0, #BD9BFF, #00964D, #008488, #2E0D1E)
• Soft Amber color palette (#DEFEF0, #80D2FF, #DC7000, #4F9F32, #033426)
• Aqua Delta color palette (#FFF1F1, #ECADCC, #71C8C0, #8998C4, #493838)

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