Amber Lagoon color palette — #FFF2EF · #FFC4AA · #CF8A42 · #8F6E2B · #433B11

A conversation between Mustard and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Wheat (#FFC4AA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#CF8A42): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8F6E2B): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#433B11): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Amber 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

• Muted Coral color palette (#FFF1F6, #FFC6CC, #EF8977, #9D6640, #403B35)
• Airy Apricot Summit color palette (#FFEAEB, #FFB299, #E29A59, #A4843D, #4C4E21)
• Hushed Bronze Quarry color palette (#FFF3E7, #F4DA9C, #BD956D, #965A33, #34322B)
• Aged Amber Garden color palette (#FFF2E9, #FFCE8C, #B19D2F, #65712C, #42423B)
• Antique Grove color palette (#F7E2F8, #D48D81, #A6640E, #674F00, #2D2F00)
• Hazy Powder color palette (#FFF3E4, #FFCA7A, #67C6FD, #AE8037, #0D3D55)
• Bronze Market color palette (#FCD8CF, #B86300, #6D4A00, #2C2200, #040400)
• Frosted Marigold color palette (#FFE6D8, #FCA722, #B08000, #5D5B00, #192300)

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