Amber Lagoon color palette — #FFF1F3 · #EAB399 · #B98932 · #606B00 · #004726
Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Sand (#EAB399): A luminous, dusty orange — the color of toasted spice.
- Mustard (#B98932): A luminous, balanced gold — the color of old brass.
- Olive (#606B00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004726): A deep, shadowed, balanced teal — the color of shallow lagoons.
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
- Bronze Terrace color palette (#F7F3FF, #F3B1B9, #C78153, #866400, #353F00)
- Pine Field color palette (#FFEFE8, #DABA82, #929B4A, #007D28, #004846)
- Softworn Ridge color palette (#FFF1F1, #EED9BA, #C4A44E, #5D752D, #003C21)
- Frosted Amber Chapel color palette (#FFE7E6, #C66600, #6C5600, #193800, #000F07)
- Gentle Boulevard color palette (#FFE5E1, #E29600, #8A8000, #006017, #003327)
- Timeworn Denim color palette (#FFF1F6, #DE9F97, #93892E, #6356A0, #513241)
- Tempered Boulevard color palette (#F5DECE, #8F6D00, #3A5500, #00261A, #000505)
- Worn Amber Villa color palette (#DAE9DD, #AF8932, #32554D, #1E3423, #1D161A)
Browse the whole catalog at Explore, or see today's palette.