Twilit Courtyard color palette — #DDE6F7 · #3034D3 · #281C1C · #1E1038 · #010414

A conversation between Cobalt and Deep Indigo, giving this palette its sense of creativity and energy.

The five colors

• Frost (#DDE6F7): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#3034D3): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#281C1C): a grounded near-black with real depth.
• Deep Indigo (#1E1038): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#010414): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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 Lagoon color palette (#D0E2F7, #00559F, #2B2123, #141538, #000511)
• Lapis Pier color palette (#E7EEFF, #5949D1, #222040, #080C17, #010206)
• Obsidian Aubergine Harbor color palette (#DADEEF, #5000A7, #2F1E1C, #1A0122, #01000B)
• Washed Violet color palette (#D6DDF9, #7A68F4, #662CB0, #4D1363, #28022D)
• Grape Grove color palette (#EDEBFD, #84009E, #291F1B, #21112F, #060311)
• Sunlit Cobalt Meadow color palette (#DFEEE1, #78BBED, #346AB5, #004958, #0B1136)
• Hushed Byzantium Cabin color palette (#F3E6FB, #9923C9, #815300, #005857, #0A061F)
• Linen Orchid color palette (#DBDCF8, #9B5BD3, #5D7600, #5D2289, #0E1500)

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