Rose Courtyard color palette — #F3DEF6 · #F31364 · #693326 · #2F2031 · #150F19

A conversation between Rose Red and Cocoa, giving this palette its sense of energy and balance.

The five colors

• Blush (#F3DEF6): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Red (#F31364): A luminous, vivid red — the color of late-summer berries.
• Cocoa (#693326): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2F2031): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#150F19): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Rose Courtyard 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

• Worn Scarlet color palette (#F7E9F6, #D40033, #4C2816, #1E101D, #070308)
• Tempered Ember Pier color palette (#F9D8EC, #DE5300, #5C3E1D, #361D2D, #160E16)
• Hushed Pier color palette (#FFF2EE, #EF5074, #592D2B, #2B050E, #060000)
• Airy Magenta color palette (#E2D9F2, #E200BD, #623542, #2A2235, #11101A)
• Timeworn Blush color palette (#FFEBE6, #FA698A, #8C5841, #5D362D, #1E0B0D)
• Terracotta Dune color palette (#FDE6F3, #A03C00, #361E00, #152327, #15020E)
• Dusty Tangerine color palette (#FFE5D7, #EE7400, #00A786, #806DC4, #4B2408)
• Ember Field color palette (#FFD2D7, #FF837E, #F74600, #974100, #5B3200)

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