Mustard Lagoon color palette — #FFF3E9 · #CFBC41 · #9F5000 · #5C2C00 · #25170C

Gold and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Gold (#CFBC41): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#9F5000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5C2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#25170C): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

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 Summit color palette (#FEF4E1, #EEAE29, #7C6700, #463A00, #231903)
• Bronze Loft color palette (#FFF1F6, #F4D674, #9F5500, #482300, #110309)
• Hazy Lantern color palette (#FFF2EE, #ABC861, #C2083E, #681926, #261611)
• Mustard Basin color palette (#E8DCCF, #C3A11C, #784900, #3C2200, #130901)
• Weathered Amber Canyon color palette (#FFF3E7, #F9C572, #C77816, #7B5128, #251709)
• Patina Rust Workshop color palette (#FEF3EC, #FF9E75, #0098A1, #C34D00, #0E2212)
• Timeworn Amber Terrace color palette (#F1E8D6, #BE8700, #524400, #211A00, #040200)
• Bronze Orchard color palette (#F9F4ED, #D4E0CD, #A9CBB5, #A78000, #553A00)

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