Tempered Ember color palette — #FBF2F9 · #F1D8C2 · #AF9F36 · #D6614C · #02170D

Coral Clay takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Bone (#F1D8C2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#AF9F36): A luminous, balanced green — the color of fresh herbs.
• Coral Clay (#D6614C): A luminous, balanced orange — the color of sun-warmed clay.
• Ink (#02170D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Ember 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 Loft color palette (#FBF2F5, #E6D7D5, #97BA89, #D28631, #12221F)
• Wandering Cabin color palette (#F7F3FC, #FED1D3, #DB854F, #C660A0, #1C0C15)
• Hushed Cabin color palette (#FAF2FB, #FFC2CD, #76C473, #E18095, #162826)
• Amber Corridor color palette (#F7E3EF, #D16E44, #405700, #662300, #010100)
• Gentle Emerald Station color palette (#EBF9EE, #FDD36D, #00AE63, #9D7800, #000E04)
• Washed Olive color palette (#FFF2EC, #FFDAB5, #BF9D4C, #786F00, #293500)
• Airy Olive color palette (#FFF0F7, #FFAD77, #758900, #A35100, #010200)
• Muted Petrol color palette (#E8FBEB, #FABD8C, #A09346, #006D91, #203821)

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