Rose Courtyard color palette — #F6E8F4 · #FB7CBD · #FC2A4B · #B64400 · #3B2300

Scarlet and Bubblegum set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F6E8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#FB7CBD): A luminous, vivid rose — the color of pressed rose petals.
• Scarlet (#FC2A4B): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#B64400): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#3B2300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

One click turns Rose 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

• Antique Ember Summit color palette (#F5D6E3, #FF7986, #F73E07, #995B00, #362800)
• Timeworn Crimson Drift color palette (#FCD7E4, #F16B94, #DD0034, #920702, #501C00)
• Peony Courtyard color palette (#ECE9F8, #E486E4, #ED36AC, #B3324F, #4B190A)
• Scarlet Quarry color palette (#EED5EA, #FF867B, #00B6C5, #DC4641, #002F34)
• Worn Ember color palette (#FFD6C5, #FFA187, #F75A19, #AA4100, #340500)
• Mulberry Dune color palette (#FCDBF0, #C6547D, #9F062A, #561B00, #250D00)
• Ember Delta color palette (#DBF2FF, #A5B0FF, #E66153, #5F2F29, #160D15)
• Ember Delta color palette (#FFDEE0, #E93D00, #A25A00, #5E4600, #141700)

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