Twilit Courtyard color palette — #DEEBFF · #002967 · #210C09 · #080013 · #000201
Navy and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEEBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Navy (#002967): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#210C09): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#080013): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
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
- Velvet Onyx color palette (#E2F2EA, #003344, #040F0B, #02001C, #000201)
- Shadow Ultramarine color palette (#DDEBFF, #0052C5, #261741, #110E17, #000109)
- Midnight Aubergine Lagoon color palette (#FDDCF2, #493E42, #230087, #231009, #0B000D)
- Ultramarine Hollow color palette (#DBF0FF, #1346EF, #36007A, #260038, #170012)
- Quiet Navy Market color palette (#FAEBE0, #298BB4, #003684, #00231E, #0A0125)
- Grape Field color palette (#EADAE2, #6D2BDE, #3D191D, #1C0E16, #080304)
- Deep Aubergine color palette (#FBD8E3, #7300AA, #463F00, #31004C, #070600)
- Midnight Aubergine color palette (#E5E3F7, #4500A3, #113F00, #00261C, #02000C)
Browse the whole catalog at Explore, or see today's palette.