Rose Garden color palette — #F9ECCD · #F72A24 · #826200 · #004199 · #180600

A conversation between Scarlet and Indigo, giving this palette its sense of trust and stability.

The five colors

• Custard (#F9ECCD): A whisper-light, dusty gold — the color of honey in a jar.
• Scarlet (#F72A24): A luminous, vivid orange — the color of autumn markets.
• Ochre (#826200): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#004199): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#180600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged retro, 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

• Softworn Ember Atelier color palette (#F0E6D4, #D86000, #716B00, #2F35A0, #140800)
• Washed Rose Grove color palette (#EDE1C9, #EE326E, #935800, #004B7A, #1F0000)
• Wandering Scarlet color palette (#FFEAE2, #E9242F, #00774D, #4800AE, #080023)
• Navy Corridor color palette (#FFE3DB, #C4813A, #7A7F21, #424993, #261234)
• Worn Brick color palette (#E3E1C1, #CA52B5, #BC2500, #005064, #1D000C)
• Misty Aubergine Terrace color palette (#F5DCC2, #B47C00, #438211, #590090, #0E0B00)
• Bronze Harbor color palette (#E3EFE4, #A75B00, #614500, #003618, #140800)
• Powdered Corridor color palette (#F8E2B7, #FF8C64, #AC9617, #3954D0, #3F2000)

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