Twilit Courtyard color palette — #DDF1E7 · #00698A · #0B0937 · #020D09 · #000201

Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDF1E7): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00698A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#0B0937): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#020D09): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, 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

• Cypress Dune color palette (#D5E4CF, #006F63, #2E373D, #00151F, #000201)
• Velvet Abyss Basin color palette (#C9E6FA, #004C66, #242128, #09082C, #000308)
• Ancient Cobalt color palette (#CDE3F3, #0084B3, #194177, #002033, #000204)
• Ultramarine Veranda color palette (#F6EBF5, #0151D5, #1C042C, #070F13, #000107)
• Timeworn Courtyard color palette (#FFF2ED, #95D9DF, #0085B3, #00552F, #000A27)
• Tempered Canyon color palette (#FBF2F8, #9DABE0, #644E52, #332730, #0A110E)
• Antique Workshop color palette (#FEF4E6, #9CA96E, #00733B, #004450, #060900)
• Quiet Station color palette (#DAF2F5, #00A2E6, #0062DC, #360093, #140021)

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