Amber Lagoon color palette — #DDF6E3 · #AF8A14 · #1C8BBB · #006991 · #0C2E19
Mustard and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF6E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#AF8A14): A luminous, balanced gold — the color of old brass.
- Cerulean (#1C8BBB): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006991): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#0C2E19): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Moss Dune color palette (#E5F7EC, #AD9500, #007F98, #763364, #471731)
- Moss Atelier color palette (#DBF6E7, #9D922A, #906EB6, #704C96, #072E1E)
- Ancient Ember color palette (#FFE6F9, #D96956, #3C85C6, #345FA3, #351C30)
- Ember Study color palette (#FCE8F5, #DA6A44, #00948E, #006F6B, #351E2D)
- Airy Mustard color palette (#FFE7F0, #AFA53C, #2D8A64, #664678, #0C392F)
- Hazy Tangerine color palette (#FFF2EB, #E97A50, #0098BE, #83408A, #230F03)
- Hushed Quarry color palette (#E7FAF6, #36974B, #00776A, #563C83, #29131E)
- Powdered Marigold Basin color palette (#EDF9ED, #E4A74F, #009774, #996500, #001D1F)
Browse the whole catalog at Explore, or see today's palette.