Ember Courtyard color palette — #F3D8E1 · #FF8F9F · #E05600 · #8F5800 · #504100

Pumpkin and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F3D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#FF8F9F): A luminous, balanced red — the color of a theater curtain.
• Pumpkin (#E05600): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#8F5800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Ancient Bronze color palette (#EFDEDF, #EE947A, #B77100, #765700, #3A4300)
• Coral Boulevard color palette (#F9DEDE, #F66151, #AF4600, #7D3D00, #583500)
• Rose Balcony color palette (#E5DDE9, #F884C4, #EA4168, #B92C00, #663600)
• Weathered Amber Thicket color palette (#FBD9D5, #D36511, #7E5600, #4D4000, #162200)
• Sunlit Amber Veranda color palette (#FFF3E5, #FFAC63, #C87200, #7A4600, #3B2100)
• Wandering Mulberry Ridge color palette (#FFEADC, #D6AC72, #BC7049, #9A3C4C, #3B3705)
• Peony Hollow color palette (#FFF3E8, #D8F5BD, #8ADCAB, #E85D8B, #634109)
• Frosted Coast color palette (#FFF2EA, #FFA67A, #00A7E8, #A84700, #00405C)

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