Soft Ember color palette — #FFF2EB · #E96A3A · #7B9200 · #007A43 · #451F12

A conversation between Coral Clay and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#E96A3A): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#7B9200): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#007A43): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#451F12): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Soft 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

• Muted Coral Harbor color palette (#FFF2EE, #EB6073, #9E8500, #477500, #432016)
• Pale Balcony color palette (#FFF2EA, #F46E00, #8A7700, #006825, #5D002E)
• Tempered Coral color palette (#FFE9E0, #D86860, #89842E, #704E91, #391F13)
• Rust Atelier color palette (#FFF2EC, #C24838, #3E7800, #005268, #491B15)
• Emerald Meadow color palette (#FFF3E7, #D57D00, #49A74C, #8F3776, #412302)
• Dusty Amber color palette (#FFDED0, #F79E5A, #C27600, #805700, #433200)
• Apricot Parlor color palette (#FFF1F6, #FD952D, #A2B100, #009AAC, #411E2F)
• Soft Aubergine Bloom color palette (#FFE7D8, #B24B00, #4E6C00, #651971, #1C0600)

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