Tempered Amber color palette — #FFF1F6 · #FFA889 · #E88700 · #987408 · #442901

Built around Apricot, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Melon (#FFA889): A luminous, balanced orange — the color of toasted spice.
• Apricot (#E88700): A luminous, vivid gold — the color of old brass.
• Ochre (#987408): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#442901): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged candy, vibrant, light.

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

• Wandering Marigold Pier color palette (#E6FCE8, #FFA749, #D59E00, #787419, #3A2B00)
• Quiet Apricot Cabin color palette (#FFECF3, #FFBBAE, #EC964B, #857E09, #271800)
• Hazy Orchard color palette (#FFF0F8, #FFB6B2, #F08358, #A76300, #462738)
• Frosted Marigold Station color palette (#FFF3E7, #FFC8C2, #FC9F42, #B09A00, #35302A)
• Dusty Amber Drift color palette (#F8E6C9, #B89000, #7F6B00, #544C00, #223E1E)
• Airy Amber Pier color palette (#D1E8D0, #DF7700, #A77000, #605100, #231700)
• Dusty Fern color palette (#E9FAF0, #9DA065, #5C6A28, #5E414D, #1C3D30)
• Wandering Lantern color palette (#CFEACE, #B4A069, #537D6B, #3F5D60, #2F4254)

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