Tempered Amber color palette — #FDF1F8 · #EDB69D · #8DC189 · #C6744D · #2A5651

Built around Caramel, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Sand (#EDB69D): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#8DC189): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#C6744D): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#2A5651): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged light, muted.

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

• Peony Meadow color palette (#F9F2FC, #EAB3C1, #C1B268, #CB6786, #574D20)
• Ancient Amber Hollow color palette (#FFF1F5, #E2BD95, #D49BCC, #BA7D34, #514667)
• Tempered Workshop color palette (#FFF2EA, #ECD8BD, #AADBA5, #C18C74, #464B00)
• Antique Taupe Delta color palette (#FFF2EB, #FFC6B1, #8CD2EF, #D8967E, #355546)
• Bronze Market color palette (#FDF1F9, #DB9F8D, #50A3CB, #A75A42, #365162)
• Ancient Balcony color palette (#F1F7F2, #BDDAC2, #907A4E, #34563C, #252E27)
• Wisteria Station color palette (#FFF0FA, #DF9F90, #B1A662, #B878B5, #4F3B49)
• Weathered Chestnut color palette (#FFF0F7, #F7CEB0, #C58F66, #93531C, #523015)

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