Amber Lagoon color palette — #FBDAD3 · #C57100 · #6E5700 · #333A00 · #002F0B
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FBDAD3): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#C57100): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#6E5700): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#333A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Forest (#002F0B): 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
- Timeworn Amber color palette (#FFD7C7, #CD8C37, #716700, #334F00, #003D22)
- Soft Cabin color palette (#FCDEE4, #DC674E, #8A4300, #463100, #11280C)
- Bronze Canyon color palette (#FFE6D6, #9C7700, #4C4E00, #123000, #001A11)
- Softworn Bronze Lantern color palette (#F0DABF, #B85800, #515000, #2C2175, #341F00)
- Muted Boulevard color palette (#FFEDD5, #FF967D, #C28700, #427C00, #2A2300)
- Faded Moss color palette (#F5EBDA, #989814, #386800, #00422D, #002827)
- Wandering Corridor color palette (#F3EDE9, #D2CBC0, #A8A181, #814100, #392A1E)
- Worn Pine color palette (#FEE0D0, #A99067, #457239, #4B3C70, #4B272C)
Browse the whole catalog at Explore, or see today's palette.