Quiet Ember color palette — #EDDBE9 · #E24A38 · #586D00 · #004B58 · #2C0946

Scarlet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EDDBE9): A whisper-light, dusty pink — the color of a candy shop window.
• Scarlet (#E24A38): A luminous, vivid orange — the color of autumn markets.
• Olive (#586D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004B58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C0946): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged warm.

Use it as a design system

One click turns Quiet 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 Lantern color palette (#EDDAEF, #E34166, #756200, #004E43, #031852)
• Gentle Parlor color palette (#FFEBF7, #DE734A, #627E00, #005B64, #2B234F)
• Muted Amber color palette (#F3D9E3, #C16F00, #007744, #004478, #3C012B)
• Tempered Ember color palette (#FFF2EA, #E46720, #776100, #0B4504, #1F000F)
• Brick Lagoon color palette (#EEDAEC, #C4002E, #005153, #003440, #0A1A2E)
• Chalky Blush color palette (#F2DBDA, #E477B4, #898A00, #006A92, #2E004C)
• Tempered Peony color palette (#E6DCF4, #D147A7, #8C5400, #005125, #002235)
• Quiet Summit color palette (#E3F3E3, #8A5B00, #00523B, #002259, #150009)

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