Rose Garden color palette — #F7D8E5 · #FE789E · #F92B23 · #AB4100 · #492B00
Scarlet takes the lead with Rose close behind in a set that reads as optimism and warmth at first glance.
The five colors
- Shell Pink (#F7D8E5): A whisper-light, dusty rose — the color of pressed rose petals.
- Rose (#FE789E): A luminous, vivid red — the color of embers at dusk.
- Scarlet (#F92B23): A luminous, vivid orange — the color of toasted spice.
- Terracotta (#AB4100): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#492B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.
Use it as a design system
One click turns Rose Garden 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
- Hushed Rose color palette (#F6DBF2, #F175B6, #FB1D76, #AD301E, #4C1D00)
- Ember Alley color palette (#FBD6DF, #FF8679, #E55E00, #965800, #3F2B00)
- Muted Scarlet color palette (#FFE8E9, #F86F77, #DF0320, #942300, #4A1804)
- Scarlet Harbor color palette (#EFD9CE, #FF8772, #00B2D7, #E53920, #002E3A)
- Patina Alley color palette (#FFD9C8, #FFA880, #EF6301, #AA4300, #2D0D00)
- Weathered Terracotta Lantern color palette (#F3D6DC, #CE5162, #9E0019, #551B00, #240D00)
- Tempered Amber color palette (#FFEAE6, #D36500, #9B6200, #564500, #161600)
- Aged Balcony color palette (#FFE7E1, #F9871A, #B97D00, #826E00, #2A2C00)
Browse the whole catalog at Explore, or see today's palette.