Pale Courtyard color palette — #F3E1E4 · #EA626A · #B40610 · #611B00 · #1F0800

Built around Ruby, softened by Watermelon — the whole palette hums with warmth and comfort.

The five colors

• Rose Water (#F3E1E4): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#EA626A): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B40610): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#611B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1F0800): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Soft Hollow color palette (#F5E8F5, #FF4794, #AF0413, #5C2800, #342300)
• Washed Mulberry color palette (#FAE0F2, #D964A6, #A60059, #660027, #2A0005)
• Pale Scarlet color palette (#F5DDE1, #FF6D7F, #DE061C, #912500, #451B00)
• Pale Amber Coast color palette (#FEEAE3, #DC6B00, #904E00, #4A2C00, #190F00)
• Soft Scarlet color palette (#F1DFCE, #DE3741, #873500, #2F3500, #2A0100)
• Misty Veranda color palette (#FEF0FF, #FF9CBE, #F72037, #742E00, #241700)
• Powdered Bronze color palette (#FFD8CA, #E5915F, #A25C00, #5D3B00, #271B00)
• Airy Corridor color palette (#F3D7E9, #BF4200, #5C4A00, #00370B, #23000D)

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