Amber Lagoon color palette — #FFEDDA · #D78E00 · #865E00 · #5B4500 · #2B3910

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

The five colors

• Cream (#FFEDDA): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D78E00): A luminous, balanced gold — the color of old brass.
• Ochre (#865E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#5B4500): A full-bodied, balanced gold — the color of old brass.
• Forest (#2B3910): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Worn Summit color palette (#F5E6CC, #A69758, #786022, #5A3E07, #33302A)
• Sunlit Amber color palette (#FFE9E5, #F3A471, #C58A00, #887900, #2D4108)
• Powdered Amber Canyon color palette (#F9EDD8, #AB8900, #008B84, #6A5400, #003F3B)
• Pale Mustard color palette (#FEEAB7, #C3A519, #827600, #575810, #3F423C)
• Tangerine Veranda color palette (#FED5CC, #F3703B, #A94600, #6F3700, #413404)
• Bronze Coast color palette (#FFE8CA, #9B7100, #5A4800, #382F00, #0F2005)
• Tempered Moss Bloom color palette (#EEEEDD, #8EA000, #547000, #2E4A00, #003427)
• Terracotta Courtyard color palette (#F2E3C3, #8C7A00, #00805C, #923B2A, #362A0B)

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