Amber Lagoon color palette — #FFF0EF · #F9AC87 · #C28A3E · #7A6600 · #4E4D46

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

The five colors

• Ivory (#FFF0EF): bright and airy, almost weightless.
• Melon (#F9AC87): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C28A3E): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7A6600): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4E4D46): quiet, heavy and certain.

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

• Wandering Meadow color palette (#FFE7D3, #D5B069, #999130, #587124, #474942)
• Airy Amber Alley color palette (#FFE5F1, #F7A2A0, #D47B61, #9B612C, #574A1F)
• Tempered Taupe color palette (#FFF4DE, #E1CB8D, #A7954A, #705A00, #352C00)
• Bronze Canyon color palette (#FFF3E4, #DFAE68, #87A4DF, #A9741B, #2F4167)
• Dusty Marigold color palette (#FADBCC, #E69200, #8F7500, #495A00, #153F00)
• Cocoa Canyon color palette (#FFF3E5, #C1E3D2, #8AD1DF, #C58D8B, #5D4500)
• Weathered Bronze Cabin color palette (#F2D9D0, #B45F00, #6A4D00, #363900, #0B1700)
• Chalky Olive color palette (#F6EBCF, #A4A300, #268D21, #006543, #00312E)

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