Scarlet Courtyard color palette — #FFF0FC · #F6212B · #7D7200 · #6D3E94 · #2F1D38

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Scarlet (#F6212B): A luminous, vivid orange — the color of sun-warmed clay.
• Walnut (#7D7200): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#6D3E94): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2F1D38): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Scarlet 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

• Patina Bloom color palette (#FFF0F9, #EA5800, #657600, #733C76, #231526)
• Misty Raspberry Field color palette (#FBF1FF, #F9127B, #936200, #4F45AF, #241C36)
• Rust Orchard color palette (#FADDEC, #B75400, #516700, #6C2369, #1B051D)
• Airy Amber Study color palette (#FFF1F6, #DE8200, #7A8813, #7A2571, #581413)
• Gentle Balcony color palette (#FFF0F9, #E45100, #5D53DB, #80328F, #3B131C)
• Weathered Boulevard color palette (#F7F3FF, #E035CE, #BB611A, #0A4A96, #20203C)
• Amber Workshop color palette (#FFF1F7, #DF7400, #8A8100, #0059A0, #210900)
• Emerald Hollow color palette (#EAFBE9, #B67800, #1F9542, #881350, #351B2B)

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