Mustard Lagoon color palette — #FFF2EF · #E0D1D4 · #B5B096 · #C3A400 · #390E07

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Silver (#E0D1D4): a clean, paper-quiet neutral.
• Sage (#B5B096): A luminous, dusty green — the color of new leaves after rain.
• Gold (#C3A400): A luminous, balanced green — the color of fresh herbs.
• Onyx (#390E07): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged candy, vibrant, 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

• Timeworn Lime color palette (#FFF2EB, #C5FAFD, #E0D3CC, #9EB95F, #331B00)
• Wandering Apricot Thicket color palette (#FFF1F1, #FFCAF9, #DBD3DA, #EA8D2D, #34071C)
• Apricot Summit color palette (#FDF0FE, #FFCFD1, #F4B393, #FD962C, #541E1D)
• Hushed Mustard color palette (#FFF4E0, #FFD0CD, #E0BC00, #00AE9E, #101900)
• Dusty Loft color palette (#FFF2EC, #E9D8D5, #FFAE83, #59B400, #1B1300)
• Patina Seafoam Cabin color palette (#FCF3EA, #DED4CB, #99D9A8, #A5B5B1, #403D36)
• Washed Shell color palette (#FFF1F5, #F3BDC0, #AB956C, #4A7669, #1D405A)
• Feathered Boulevard color palette (#FFF1F4, #FF9E94, #DD7335, #7A4B00, #3B3200)

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