Amber Lagoon color palette — #D9F7E4 · #A78E00 · #5F7EC3 · #405DA0 · #112D1E
A conversation between Mustard and Peacock, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9F7E4): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#A78E00): A luminous, balanced green — the color of a quiet forest floor.
- Azure (#5F7EC3): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#405DA0): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#112D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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 Studio color palette (#D7F8E7, #9D9200, #926CB9, #704E91, #122D21)
- Hushed Amber color palette (#FDF4E3, #BC9A10, #2194CE, #70489E, #1E1300)
- Feathered Denim Loft color palette (#DEF6E3, #8E6A00, #5756A1, #3D3B79, #112D19)
- Pale Lantern color palette (#E0F8F0, #89A200, #1E74C2, #763659, #451930)
- Ultramarine Veranda color palette (#DFFDF4, #919B21, #085EB9, #3B4E8E, #291223)
- Tangerine Delta color palette (#FFE7F3, #F67928, #416CBC, #634C89, #341E2B)
- Tempered Basin color palette (#F0F0D8, #90C367, #13B9A0, #8B65CB, #292805)
- Mustard Studio color palette (#EDF9F0, #DEAD00, #00919F, #8D6D00, #071B22)
Browse the whole catalog at Explore, or see today's palette.