Amber Lagoon color palette — #FFF3E7 · #E28A25 · #007754 · #7D4700 · #162103
A conversation between Mustard and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Mustard (#E28A25): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#007754): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#7D4700): A full-bodied, balanced gold — the color of old brass.
- Onyx (#162103): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Feathered Mustard color palette (#FBF4E6, #BF9F01, #007374, #675400, #08240B)
- Feathered Olive color palette (#E7F7EA, #CAA149, #687300, #745500, #080A00)
- Worn Terracotta Courtyard color palette (#FFF2EC, #E48275, #207903, #A30707, #1E1F00)
- Wandering Grove color palette (#F3E9DE, #B87900, #005B5A, #5A3900, #001201)
- Soft Aubergine Workshop color palette (#FFF3E7, #AA8700, #177F39, #541576, #363900)
- Powdered Moss Corridor color palette (#FDF4E6, #DEB54C, #639900, #957200, #132200)
- Aged Aubergine Pier color palette (#FFF3E3, #976B00, #005F6C, #55177F, #372100)
- Mustard Lagoon color palette (#FFE6CE, #BEA700, #597B00, #005523, #003E34)
Browse the whole catalog at Explore, or see today's palette.