Tempered Ember color palette — #FDD5DD · #FF7C84 · #FD341F · #B13D00 · #502500
A conversation between Scarlet and Terracotta, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#FDD5DD): A whisper-light, dusty red — the color of a theater curtain.
- Rose (#FF7C84): A luminous, balanced red — the color of late-summer berries.
- Scarlet (#FD341F): A luminous, vivid orange — the color of sun-warmed clay.
- Terracotta (#B13D00): A full-bodied, vivid orange — the color of toasted spice.
- Espresso (#502500): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.
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
- Misty Rose color palette (#FBE3EE, #F477A8, #FA2467, #B83A38, #531808)
- Quiet Boulevard color palette (#FBE4E4, #FF988B, #F56626, #AC5B12, #4F3005)
- Scarlet Dune color palette (#FFE3F1, #F26E9A, #D91D00, #7B3800, #3B2A00)
- Ancient Ember color palette (#FFE4E1, #F45623, #B55800, #754700, #291A00)
- Quiet Ember color palette (#F3D8C9, #FB8B6B, #00B3D1, #DC4A18, #002F38)
- Gentle Lagoon color palette (#FCDEDE, #CE5B5B, #9E0F05, #641600, #290A00)
- Quiet Ember Balcony color palette (#FFD9C7, #FFA875, #E66600, #9C4800, #260B00)
- Airy Honey Coast color palette (#FFEFE5, #E6DCAF, #E0C745, #E07978, #49280F)
Browse the whole catalog at Explore, or see today's palette.