Mustard Lagoon color palette — #FAF5E8 · #D3C46E · #84C5BA · #B98E7F · #403D36

A conversation between Honey and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Honey (#D3C46E): A luminous, balanced green — the color of a quiet forest floor.
• Mint Leaf (#84C5BA): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#B98E7F): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged light, muted.

Use it as a design system

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

• Weathered Mint Hollow color palette (#F5F7E4, #9FD38F, #7BC2DA, #B29378, #3F4000)
• Softworn Mustard Veranda color palette (#FDF3E9, #F0B676, #93C59E, #BA88A3, #573400)
• Aged Boulevard color palette (#EDF9F1, #D2C57B, #90B1D8, #8E789C, #24372C)
• Patina Celadon Pier color palette (#F7F5ED, #D7E89A, #7ECAA3, #A5B371, #2C2F28)
• Gentle Celadon Orchard color palette (#E3FFD7, #B4F0BA, #8DCAA6, #649F89, #005246)
• Aged Stone Harbor color palette (#F6F6ED, #D5DDD5, #A4B6B2, #736C73, #53534A)
• Lime Hollow color palette (#FCF7D2, #A1C300, #00BCC9, #D2633D, #312C08)
• Antique Iris Hollow color palette (#D1EECE, #00BBB6, #7A89FF, #807F00, #002524)

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