Tempered Amber color palette — #F7E2E3 · #F69E7A · #DD7E00 · #927100 · #393E00

A conversation between Mustard and Melon, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F7E2E3): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#F69E7A): A luminous, balanced orange — the color of autumn markets.
• Mustard (#DD7E00): A luminous, balanced gold — the color of old brass.
• Ochre (#927100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#393E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Bronze Coast color palette (#FBDDD1, #E99C6D, #B56D00, #825900, #4A3C00)
• Dusty Coral Grove color palette (#FFE8F5, #F79EAB, #EC6A5B, #AF5900, #4D3500)
• Misty Moss Garden color palette (#FCE5DB, #E9A862, #AD9A00, #697A00, #184B27)
• Powdered Loft color palette (#ECDADA, #E86B3B, #8B5800, #4D3D00, #1E2600)
• Ancient Rust color palette (#F7E1E8, #CDC28E, #C79252, #B35E48, #06392F)
• Dusty Marigold color palette (#FFF5D2, #EECA86, #D19E2A, #947100, #291E00)
• Washed Study color palette (#E1F5E2, #E6B56C, #82C1FF, #B27A00, #07375E)
• Bronze Field color palette (#FEECE2, #B37500, #816B00, #495600, #001907)

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