Rose Garden color palette — #FDF1FB · #FFC3BD · #ABC86D · #DE5752 · #313E0D

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

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Shell Pink (#FFC3BD): A whisper-light, dusty orange — the color of autumn markets.
• Pistachio (#ABC86D): A luminous, balanced green — the color of a quiet forest floor.
• Scarlet (#DE5752): A luminous, vivid orange — the color of autumn markets.
• Forest (#313E0D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged light.

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

• Faded Peony Summit color palette (#F9F2FF, #FFBFD9, #D6B85F, #C96192, #463600)
• Powdered Mint color palette (#FFF0FA, #FFB8A4, #25DBBA, #DF8167, #0E4D41)
• Hazy Amber color palette (#EEF9EE, #F8CC8D, #56D4B4, #B77D00, #004335)
• Ancient Taupe color palette (#FFF0FA, #E6D6D6, #A9B9B0, #CC8B88, #594451)
• Amber Ridge color palette (#FFF0F7, #FEC6A6, #D4A6EA, #D16919, #482956)
• Patina Ridge color palette (#D1F9E6, #999800, #D72B5A, #515100, #170003)
• Bronze Chapel color palette (#FFF1F5, #FDE1B6, #956D41, #4D3210, #170B10)
• Weathered Bronze color palette (#EBFAEF, #C5E6D3, #B09D60, #85651F, #16392C)

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