Twilit Courtyard color palette — #F3DCF2 · #AA002D · #2F1900 · #220003 · #0B0315

Garnet takes the lead with Ink close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Blush (#F3DCF2): A whisper-light, dusty pink — the color of a candy shop window.
• Garnet (#AA002D): A full-bodied, vivid red — the color of a theater curtain.
• Onyx (#2F1900): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#220003): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0B0315): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged noir, dark, luxury, warm.

Use it as a design system

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

• Obsidian Mulberry color palette (#EFE5F9, #A00070, #3D0901, #1F0013, #060003)
• Nocturne Chestnut Delta color palette (#F6E0EB, #8E4100, #251F00, #1A0700, #070000)
• Linen Crimson color palette (#EBD9E9, #DE0036, #5E2400, #34090C, #0C040F)
• Rose Ridge color palette (#FCE6DE, #FF3857, #7C4D13, #4A2C22, #110304)
• Washed Bronze Grove color palette (#FAEDF7, #AE665A, #334134, #31232E, #1A1317)
• Deep Bloom color palette (#E9DBE3, #474E46, #521700, #1E1C0E, #060400)
• Worn Bronze Boulevard color palette (#DBE8E0, #857000, #153935, #0E2418, #1C100F)
• Powdered Bronze Studio color palette (#F7DAC1, #A25E00, #006AA2, #3B4686, #371C00)

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