Amber Lagoon color palette — #E7F2E8 · #B38200 · #5F5325 · #223525 · #010601

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F2E8): bright and airy, almost weightless.
• Mustard (#B38200): A luminous, balanced gold — the color of old brass.
• Coffee (#5F5325): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#223525): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#010601): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Ancient Amber color palette (#FDDEE9, #C77400, #674F28, #3F2831, #090205)
• Aged Harbor color palette (#D9F2E0, #BA9700, #496A5A, #2E4235, #071008)
• Hushed Olive color palette (#D9F7E7, #867C00, #3F470B, #052317, #000201)
• Softworn Moss Garden color palette (#D2F5EC, #6A9E00, #295E58, #17362F, #000604)
• Lowlit Chestnut Station color palette (#EEDEC7, #6E4F00, #2F3934, #201900, #090400)
• Washed Mustard color palette (#F8EDCB, #C3AB00, #949000, #686E00, #283200)
• Dusty Cabin color palette (#E6F6F4, #87CA8F, #658282, #495856, #1D2322)
• Wandering Bloom color palette (#D1ECDF, #B3C280, #7D9D56, #916D43, #033126)

Browse the whole catalog at Explore, or see today's palette.