Amber Lagoon color palette — #E7FBEE · #B0962B · #7C86B9 · #7C6495 · #34483C

Mustard takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B0962B): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#7C86B9): A luminous, dusty violet — the color of wild irises.
• Slate (#7C6495): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#34483C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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 Cabin color palette (#FFF1F5, #CD862F, #7187C3, #65759E, #4F3C43)
• Ancient Moss Bloom color palette (#E7FAF4, #819C43, #9B6D95, #63597A, #32413C)
• Washed Driftwood color palette (#EAFAEC, #BABC8D, #947D52, #6E5563, #364D49)
• Timeworn Courtyard color palette (#EEF9ED, #C0DFF3, #A2C6E4, #9D7F97, #42544C)
• Tempered Lagoon Balcony color palette (#FBF1DC, #AC9C5E, #5B9E7D, #A3655B, #2E2615)
• Weathered Corridor color palette (#EDF1B5, #969927, #7839B4, #812773, #323306)
• Moss Courtyard color palette (#C2F0E7, #54A325, #7C3C87, #751F4C, #00342D)
• Antique Station color palette (#FBF5E2, #CCCB96, #97C2EF, #B0A3E9, #514000)

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