Midnight Courtyard color palette — #D4ECDD · #007275 · #003043 · #090040 · #07000E

Deep Indigo and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Honeydew (#D4ECDD): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007275): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003043): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#090040): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#07000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

One click turns Midnight 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 Courtyard color palette (#D8E9CB, #007154, #00383B, #001422, #02001E)
• Denim Alley color palette (#CBF2FD, #005E7B, #003249, #000B19, #000106)
• Moonless Navy Quarry color palette (#D5F6F4, #006687, #001688, #14002B, #090005)
• Spruce Balcony color palette (#E6F1F4, #8C9CA8, #657187, #003233, #000B10)
• Pale Drift color palette (#D5F6EB, #009097, #006991, #003B81, #03000F)
• Patina Archive color palette (#C7F0EA, #286E95, #512B66, #0A250F, #00100C)
• Shadow Navy color palette (#F9E3D7, #005654, #0C0074, #1B0700, #000406)
• Aubergine Pier color palette (#DAE7F1, #009D6A, #006483, #4B0083, #00040E)

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