Tempered Amber color palette — #F7F3FE · #D89AC7 · #BA7C46 · #4C754B · #294658

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

The five colors

• Ivory (#F7F3FE): bright and airy, almost weightless.
• Mauve (#D89AC7): A luminous, balanced pink — the color of peonies in June.
• Caramel (#BA7C46): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4C754B): A full-bodied, dusty green — the color of new leaves after rain.
• Navy (#294658): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Patina Coral Lantern color palette (#F2F5FF, #AFA8E9, #C76E77, #756A2C, #1C4A51)
• Wandering Moss color palette (#FDF1FB, #E69A94, #8E923F, #0A787B, #374161)
• Timeworn Shell color palette (#FEF2F1, #FBB5CB, #C18C72, #776B36, #4E2D39)
• Timeworn Lagoon color palette (#FFF1F5, #D3BCEC, #C3A47A, #43959B, #12495B)
• Coral Hollow color palette (#F9EEF8, #E26A6C, #6C7B00, #005A69, #391C4A)
• Amber Loft color palette (#FBDFE9, #C67600, #007F38, #004E6E, #3C0048)
• Muted Bloom color palette (#FAF1FF, #FCB3BF, #DD7C7B, #A06356, #614856)
• Blush Cabin color palette (#F5EFFA, #D07DA4, #645164, #3C3442, #222126)

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