Ember Courtyard color palette — #FFF2EC · #DF5142 · #896E00 · #005F60 · #32153E

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Scarlet (#DF5142): A luminous, vivid orange — the color of toasted spice.
• Ochre (#896E00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#32153E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Ember Courtyard 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

• Ember Canyon color palette (#FFF2EB, #D35F2C, #658000, #006384, #421323)
• Timeworn Peony Hollow color palette (#FFF1F1, #D75F9D, #946B00, #006458, #291637)
• Feathered Rust color palette (#FFE8DC, #C54F2C, #766100, #004954, #1E051E)
• Pale Dune color palette (#FFF4DC, #E382C0, #D34900, #006484, #581E30)
• Sunlit Fuchsia color palette (#FFF1F3, #D270D1, #8B7600, #005E7A, #341D68)
• Aged Bronze color palette (#FFF0F7, #A84D00, #465E00, #00432E, #002837)
• Misty Loft color palette (#FEEECB, #8E7B00, #007836, #004294, #350002)
• Peony Veranda color palette (#F9F2FF, #FF61B7, #008850, #005B34, #001129)

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