Tempered Amber color palette — #FFE5F1 · #E37000 · #006967 · #773800 · #000504

Built around Tangerine, softened by Bronze — the whole palette hums with optimism and balance.

The five colors

• Blush (#FFE5F1): A whisper-light, dusty rose — the color of a warm blush.
• Tangerine (#E37000): A luminous, vivid gold — the color of old brass.
• Teal (#006967): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#773800): A full-bodied, balanced gold — the color of old brass.
• Ink (#000504): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged duotone.

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

• Amber Balcony color palette (#E3F2E5, #BD8B00, #006580, #624700, #000407)
• Misty Rose color palette (#FCE5F9, #F2595B, #076F17, #92001A, #000500)
• Sunlit Fern color palette (#E8F7E8, #BC8100, #176606, #5F3F00, #021700)
• Tempered Loft color palette (#FCEFE4, #F88B04, #008C6D, #9B5400, #00170F)
• Worn Amber Parlor color palette (#FFEBE0, #B98F00, #466700, #00402C, #001615)
• Feathered Aubergine Courtyard color palette (#F8E6DF, #A17800, #00623F, #47006D, #121400)
• Softworn Boulevard color palette (#FFF3E4, #FBB433, #009659, #8E6100, #000201)
• Wandering Bronze color palette (#F8EFF2, #E3BB90, #369582, #986525, #0A191B)

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