Tempered Amber Lagoon color palette — #FFF1F2 · #FFB295 · #CF7A00 · #7B6600 · #303A00

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB295): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#CF7A00): A luminous, balanced gold — the color of old brass.
• Olive (#7B6600): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#303A00): 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 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

• Chalky Bronze color palette (#FFF2EE, #F4B261, #A78200, #606000, #1B3505)
• Soft Amber Veranda color palette (#F1DDD5, #C27E00, #776800, #243B00, #000F04)
• Ember Corridor color palette (#FFF0F7, #FFBAC8, #F0592A, #964F00, #432F00)
• Amber Dune color palette (#F7DAD0, #FFA160, #DD8B00, #A87700, #4E4100)
• Moss Canyon color palette (#FFF3E8, #F0CC85, #A1A143, #5B8040, #1E4A33)
• Chalky Terracotta color palette (#E6FDE4, #DDD196, #B98648, #96432C, #202D07)
• Hushed Tangerine Villa color palette (#F7E1D8, #F2810F, #9D6000, #614500, #2D2400)
• Bronze Cabin color palette (#F7E9D9, #918100, #3F5800, #003407, #000704)

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