Tempered Amber Lagoon color palette — #DDFFE8 · #DFD27C · #AE8F00 · #755B26 · #2A2A00

Built around Mustard, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Honey (#DFD27C): A whisper-light, balanced green — the color of new leaves after rain.
• Mustard (#AE8F00): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#755B26): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#2A2A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Tempered 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

• Antique Amber color palette (#FFF1F6, #FFC37D, #C77E39, #894F2A, #372300)
• Hazy Mustard color palette (#DDFFE6, #D8BA00, #9B7900, #674600, #1B1900)
• Timeworn Bronze Coast color palette (#FAE6C8, #A77F00, #674600, #321C00, #020100)
• Misty Marigold color palette (#DAF7E2, #D1CC75, #BEA148, #A87424, #0D3F32)
• Hushed Thicket color palette (#F8E7C9, #A6A36C, #826800, #5E3B00, #182000)
• Shadow Olive Terrace color palette (#D4E8DF, #6A7C00, #3E3F00, #161300, #010100)
• Hushed Chestnut color palette (#FFD9EA, #CC8945, #914A02, #541F00, #070300)
• Washed Seafoam Courtyard color palette (#E9FAF0, #B0EBD5, #B8B080, #65836E, #33433D)

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