Amber Lagoon color palette — #FFF2EF · #FFBB97 · #CF8600 · #7A5A00 · #3D3D00

Mustard takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Cantaloupe (#FFBB97): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#CF8600): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A5A00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3D3D00): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Faded Lagoon color palette (#F7E4D2, #CC9100, #6D6500, #2A3500, #020C00)
• Terracotta Basin color palette (#FFF3E5, #E2D087, #C08422, #994200, #252C00)
• Muted Honey color palette (#FFF3E8, #FFC65E, #A78F00, #556D00, #193F00)
• Airy Tangerine color palette (#FFF1F5, #FFB1B1, #FD652A, #9E5500, #4A3100)
• Faded Delta color palette (#FFD7BB, #FFB165, #E29100, #9F6E00, #533C00)
• Linen Amber Alley color palette (#FFF6CE, #FFD671, #B99000, #5E4900, #1B1400)
• Muted Grove color palette (#FFE0D6, #F29F4D, #9C6E00, #574B00, #161D00)
• Amber Meadow color palette (#FFF3E2, #D0F3CC, #CFD8E4, #E17750, #463E12)

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