Quiet Ember color palette — #FFF0F9 · #E55200 · #00796E · #003B77 · #0D0007

A conversation between Pumpkin and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Pumpkin (#E55200): A luminous, vivid orange — the color of toasted spice.
• Teal (#00796E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003B77): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0D0007): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged jewel, vibrant.

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

• Rose Dune color palette (#FEF0FF, #FD285C, #00723B, #00435C, #080010)
• Timeworn Nightshade Field color palette (#FFF1F5, #C87300, #00747B, #2B00A5, #0C0003)
• Faded Amber color palette (#E6FDE3, #D28700, #007F57, #003E7B, #280019)
• Tangerine Workshop color palette (#FFEFF8, #FF702B, #0098BE, #007290, #191239)
• Hushed Lantern color palette (#E6FDE6, #CD9000, #0085A1, #512AAE, #240106)
• Aubergine Grove color palette (#DFFFE6, #9C7900, #006C95, #57008F, #0D0000)
• Apricot Thicket color palette (#FFF4DE, #F18F00, #7E7500, #004D6B, #231500)
• Pale Onyx Boulevard color palette (#DEFEF0, #686A00, #005086, #440045, #040002)

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