Twilit Courtyard color palette — #FAE4F9 · #0045A2 · #513500 · #001B49 · #020100

Indigo and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FAE4F9): A whisper-light, dusty pink — the color of neon signs at night.
• Indigo (#0045A2): A full-bodied, vivid blue — the color of open sky before noon.
• Cocoa (#513500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#001B49): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark.

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

• Denim Ridge color palette (#D8F4EA, #00517C, #593000, #002135, #030100)
• Nightshade Summit color palette (#FFE7F7, #3B1AC8, #4A3900, #170060, #020100)
• Wandering Cobalt Station color palette (#D9F5ED, #006EB8, #675200, #002D4F, #020100)
• Aubergine Summit color palette (#F8E1E8, #6B00A3, #344200, #2D0049, #010100)
• Moonless Nightshade color palette (#E5EDFF, #0E00B5, #620108, #002C07, #00000C)
• Softworn Garden color palette (#F1E4EE, #8979D0, #844694, #00395B, #060003)
• Frosted Indigo color palette (#F8E4F0, #706BE9, #726F00, #3D3396, #141300)
• Chalky Ultramarine color palette (#FFEBFA, #718FFF, #A47C00, #3549C6, #2B1E00)

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