Frosted Courtyard color palette — #FFE7FB · #FF7AB0 · #FD2D47 · #B34900 · #3E2700
Built around Scarlet, softened by Bubblegum — the whole palette hums with optimism and warmth.
The five colors
- Blush (#FFE7FB): A whisper-light, dusty pink — the color of neon signs at night.
- Bubblegum (#FF7AB0): A luminous, vivid rose — the color of a warm blush.
- Scarlet (#FD2D47): A luminous, vivid orange — the color of sun-warmed clay.
- Terracotta (#B34900): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#3E2700): 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 Frosted 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
- Airy Raspberry color palette (#E7DEEE, #F178D0, #F41074, #B82D05, #472100)
- Scarlet Archive color palette (#FFE1EB, #FF7B8F, #DC3337, #7F2300, #381300)
- Ember Parlor color palette (#EEDEE6, #FF758D, #E15E00, #8E5400, #3A2B00)
- Faded Atelier color palette (#FFDCF2, #FF9DAD, #F76932, #B35C0D, #513B11)
- Ember Canyon color palette (#FFDED1, #FFA575, #ED6201, #A44B00, #300800)
- Powdered Brick Lantern color palette (#F8E1ED, #C65271, #AF091A, #612200, #200D00)
- Chalky Ember Delta color palette (#EEDACB, #F79056, #00B8B1, #CD5C00, #00302E)
- Ember Study color palette (#DEF3FF, #9FB3FF, #E66431, #5A2D1C, #1A0F07)
Browse the whole catalog at Explore, or see today's palette.