Rose Garden color palette — #FFD8E7 · #FF83A7 · #F24848 · #7E6B00 · #52001A

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

The five colors

• Shell Pink (#FFD8E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#FF83A7): A luminous, balanced red — the color of late-summer berries.
• Scarlet (#F24848): A luminous, vivid orange — the color of toasted spice.
• Walnut (#7E6B00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#52001A): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged retro, 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

• Weathered Ember color palette (#FFDEBA, #FF8886, #E65E00, #697300, #4E0D06)
• Quiet Cabin color palette (#FFD8ED, #F081E3, #EC3D98, #995B00, #4A033B)
• Feathered Peony Orchard color palette (#F6E7FB, #F73E86, #844247, #542131, #0B0411)
• Olive Courtyard color palette (#CCE6CE, #F48A59, #BF7400, #2E7900, #3C1900)
• Airy Olive Market color palette (#E3FDE5, #FFA78A, #E08321, #548C00, #572507)
• Wandering Tangerine color palette (#F8E0EE, #FF7D44, #AA8400, #3E7800, #002B25)
• Amber Balcony color palette (#DCF5E2, #D2831E, #937100, #006640, #211300)
• Weathered Driftwood color palette (#FFF1F5, #F8C0C2, #D4A090, #8F9149, #554052)

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