Quiet Ember color palette — #FFF0F9 · #FF9EA9 · #CF5C00 · #5E4400 · #162000

A conversation between Pumpkin and Ballet Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ballet Pink (#FF9EA9): A luminous, balanced red — the color of a theater curtain.
• Pumpkin (#CF5C00): A luminous, vivid orange — the color of autumn markets.
• Bronze (#5E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#162000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. 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

• Dusty Coast color palette (#FFF1F2, #FFA87C, #AA8000, #414C00, #001D08)
• Powdered Crimson color palette (#FAF2FF, #FA90D8, #EF0A53, #733700, #251B00)
• Inked Meadow color palette (#F1D7DC, #BE4C1B, #553300, #131100, #000200)
• Amber Studio color palette (#F5DDDD, #FF9D7D, #D97B00, #996500, #2E2600)
• Faded Ember color palette (#FFDBD8, #EF5B04, #8C4B00, #482F00, #181300)
• Weathered Bronze Meadow color palette (#FFEAD9, #C05F00, #322B00, #182726, #110400)
• Quiet Boulevard color palette (#FFF5D5, #FF72AE, #9C6500, #00438D, #360003)
• Timeworn Grove color palette (#FFF2ED, #E0DCCE, #A1BDD2, #D93A4C, #321F18)

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