Tempered Ember color palette — #FBF2F7 · #FFB795 · #C79B3A · #EF6600 · #031F0A

Built around Pumpkin, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Cantaloupe (#FFB795): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#C79B3A): A luminous, balanced gold — the color of honey in a jar.
• Pumpkin (#EF6600): A luminous, vivid orange — the color of sun-warmed clay.
• Ink (#031F0A): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Ember Summit color palette (#FBF2F9, #FFB5A8, #E08D00, #F25F4C, #271018)
• Amber Studio color palette (#FDF2F5, #F1CEA9, #B6B261, #DF8C00, #0D2A1E)
• Linen Moss Orchard color palette (#E6F7EB, #EBBD00, #71B000, #AC8A00, #0A1600)
• Patina Tangerine Quarry color palette (#FCEFE7, #E6814A, #7F5F00, #893A00, #0B0500)
• Apricot Bloom color palette (#F8EBF0, #F38B33, #A27D00, #B25C00, #050300)
• Washed Meadow color palette (#FEF2EE, #FFBCB9, #859400, #BB4E4F, #070500)
• Scarlet Lantern color palette (#FBF2FA, #EB9C9A, #529415, #C43640, #001E19)
• Feathered Pier color palette (#FFD6A6, #E4BD7C, #BC9D26, #887900, #2F3100)

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