Tempered Amber color palette — #FFF1F6 · #9F8EC0 · #B57B49 · #258878 · #553945

Caramel and Fern set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Blue Fog (#9F8EC0): A luminous, dusty violet — the color of wild irises.
• Caramel (#B57B49): A luminous, balanced gold — the color of honey in a jar.
• Fern (#258878): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#553945): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: 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 Canyon color palette (#FFF1F1, #BC84A0, #8F8E3F, #2281A4, #543B3A)
• Wandering Olive Atelier color palette (#FDF0FE, #799BC2, #BA727B, #5B8435, #4C3C4E)
• Muted Moss color palette (#FDEBFB, #7E9CD3, #759C46, #4B876B, #2F222E)
• Muted Studio color palette (#F0F5FF, #9DAEE8, #80B572, #70A07C, #3B4351)
• Worn Orchid color palette (#FFE3E8, #B052BE, #936A00, #006E74, #422148)
• Ash Villa color palette (#FFF1F6, #E4D7D3, #E0B89B, #7E8AB6, #664B51)
• Bronze Villa color palette (#FBF4EA, #C3B79D, #A07839, #815118, #564600)
• Worn Aubergine Study color palette (#FFF1F5, #D0BEE8, #9178AF, #5E3B7A, #423051)

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