Rose Garden color palette — #DEE8FB · #00B1C1 · #FF465A · #54191D · #0E030E

Scarlet and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEE8FB): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#00B1C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Scarlet (#FF465A): A luminous, vivid red — the color of embers at dusk.
• Espresso (#54191D): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#0E030E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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 Delta color palette (#D9F2E3, #02B4ED, #E51C62, #592731, #08010A)
• Weathered Ember color palette (#DFDEF6, #00A2A1, #DD5300, #3F1100, #060003)
• Hushed Boulevard color palette (#EEDFF4, #F32282, #008CB0, #7E41A5, #21000C)
• Quiet Lantern color palette (#F7E2EF, #A69C00, #DF6000, #361200, #0E0400)
• Amber Coast color palette (#E0F1F3, #ABB9FF, #D87E00, #703E00, #240C17)
• Faded Coast color palette (#FDE8F4, #E25F00, #008583, #6C339E, #11000A)
• Hushed Magenta color palette (#D6F1DD, #00B4EB, #CB00D4, #3E173F, #0A0616)
• Bronze Bloom color palette (#E1E9E1, #ACC6C6, #87AFB8, #A87500, #162317)

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