Scarlet Courtyard color palette — #FADBE2 · #D60C0E · #6B3600 · #312100 · #0B0800

Built around Crimson, softened by Bronze — the whole palette hums with optimism and energy.

The five colors

• Shell Pink (#FADBE2): A whisper-light, dusty red — the color of embers at dusk.
• Crimson (#D60C0E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#6B3600): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#312100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0B0800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Bronze Workshop color palette (#FFE8E6, #AB4F00, #634200, #2B2200, #080A00)
• Pale Coast color palette (#F3DBDB, #E25742, #954400, #5A3600, #2C2200)
• Softworn Bronze color palette (#FFE5F2, #A74E00, #005B99, #582600, #000815)
• Muted Tangerine color palette (#FFE3E0, #FC6424, #944600, #4B2900, #100800)
• Plum Basin color palette (#FBE1F5, #C30077, #860020, #451900, #170C00)
• Hushed Amber color palette (#FFE2DA, #C76C00, #765700, #393A00, #041F00)
• Timeworn Apricot color palette (#F8E7E6, #F68D6A, #A85F00, #675003, #003226)
• Pale Thicket color palette (#F0DDE7, #CAAB41, #29AA66, #76334D, #001404)

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