Amber Lagoon color palette — #FFF3E7 · #E08C1F · #007429 · #6F4100 · #010100

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#E08C1F): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#007429): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

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

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 Mustard color palette (#FAF5E9, #BBA100, #006F62, #5A4D00, #000200)
• Garnet Loft color palette (#FFF2EC, #EC7E65, #5E6600, #8D1D00, #020100)
• Navy Pier color palette (#FEEBCF, #A48700, #346300, #011A78, #040400)
• Timeworn Mustard color palette (#FBEAD1, #B9A300, #627100, #163400, #000802)
• Bronze Grove color palette (#FEE9F3, #B35F1C, #005225, #562700, #000200)
• Quiet Mustard color palette (#FBF5E5, #DFC300, #009566, #7B6B00, #000201)
• Worn Chestnut color palette (#FBF4EA, #D6DDC8, #BFBD9C, #785B00, #120B03)
• Pale Tangerine color palette (#EBDCD3, #FF8042, #009B60, #C04D00, #020400)

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