Twilit Courtyard color palette — #D9E3CD · #008A60 · #1C3826 · #13180D · #070603

Fern takes the lead with Deep Forest close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Celadon Mist (#D9E3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008A60): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#1C3826): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#13180D): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#070603): a grounded near-black with real depth.

Feels like: 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

• Lagoon Grove color palette (#E3F2E4, #009597, #28413A, #1A201A, #0B0D08)
• Weathered Olive Ridge color palette (#F4F0DD, #727D00, #273800, #191608, #090603)
• Velvet Courtyard color palette (#CDEEDA, #00778F, #18274F, #02140A, #020401)
• Cypress Canyon color palette (#D7F5F0, #006A62, #3B444A, #002231, #010B00)
• Aged Chestnut color palette (#F6F2E7, #9CBF93, #408371, #6A5100, #282918)
• Misty Cerulean Studio color palette (#DBFCE1, #00A0AB, #B36757, #965749, #122315)
• Gentle Jade color palette (#DFEFE1, #23BB94, #008B86, #005871, #003025)
• Washed Turquoise color palette (#E3F9E7, #00B9C8, #C67176, #00727C, #3E1C12)

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