Amber Lagoon color palette — #FBF4E8 · #E8D48D · #A7B5FF · #A48700 · #2F355A
A conversation between Mustard and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4E8): bright and airy, almost weightless.
- Wheat (#E8D48D): A whisper-light, balanced green — the color of a quiet forest floor.
- Lavender (#A7B5FF): A luminous, balanced violet — the color of twilight just after sunset.
- Mustard (#A48700): A luminous, balanced green — the color of fresh herbs.
- Navy (#2F355A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged light.
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
- Sunlit Study color palette (#F7F6E7, #C8DEA8, #C8A8FB, #729915, #3F2F56)
- Amber Harbor color palette (#FFF3E7, #FEC899, #77C3FB, #C77200, #043C5D)
- Pale Moss Pier color palette (#F7F6E5, #BED791, #75C7FF, #8FAB58, #1D4C3F)
- Mustard Boulevard color palette (#E0F9EA, #BAA437, #7189D6, #756400, #1B2448)
- Tempered Bronze color palette (#FBF4E8, #E7DCBB, #AC9D6E, #88632D, #33322B)
- Frosted Drift color palette (#FDF5E0, #C7BD78, #4EB9DA, #CF67AE, #362907)
- Aged Meadow color palette (#FCF4E3, #BBE6D1, #C9CAD4, #D5A96C, #544600)
- Dusty Fuchsia Villa color palette (#F3F9E0, #86F29C, #DE7FE3, #008E3B, #4A104E)
Browse the whole catalog at Explore, or see today's palette.