Amber Lagoon color palette — #FFF2EC · #FD9D91 · #AF811B · #406923 · #441E1E
Mustard and Melon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Melon (#FD9D91): A luminous, balanced orange — the color of autumn markets.
- Mustard (#AF811B): A luminous, balanced gold — the color of old brass.
- Olive (#406923): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#441E1E): A deep, shadowed, dusty orange — the color of toasted spice.
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 Blush Villa color palette (#FFF2EF, #FF96B6, #C6703A, #695C00, #362043)
- Moss Pier color palette (#FCF4EA, #E3B165, #789738, #006C58, #441E1B)
- Sunlit Tangerine color palette (#FFF2EF, #FFC0AA, #E97A3F, #A05F30, #543417)
- Chalky Meadow color palette (#FFF2E9, #EC7300, #786C00, #004D23, #2A000F)
- Tempered Workshop color palette (#FFF2EA, #E1DBC4, #CBB588, #79843E, #3C5310)
- Timeworn Coral color palette (#FFF2ED, #E27C78, #623A2E, #2C1912, #090403)
- Frosted Pine color palette (#FEF4E2, #B18D00, #0E7817, #004142, #190700)
- Worn Coral color palette (#FAEDFC, #C96D81, #706520, #004B4A, #1D1640)
Browse the whole catalog at Explore, or see today's palette.