Midnight Garden color palette — #DDE7FB · #3E46B8 · #5F1D00 · #001F20 · #020019

Cobalt and Espresso set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#DDE7FB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cobalt (#3E46B8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#5F1D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020019): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

One click turns Midnight Garden 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 Nightshade color palette (#D8DFF1, #4C48A7, #65003C, #002017, #030017)
• Shadow Cabin color palette (#E1E1FB, #74329E, #522B00, #001D2D, #07000F)
• Shadow Aubergine color palette (#EEEDFC, #753891, #53006F, #151E00, #070010)
• Muted Amethyst color palette (#F6DEEB, #7151ED, #655000, #00394B, #00141D)
• Denim Garden color palette (#F4E8F2, #61A9B5, #005F89, #003B25, #010034)
• Ancient Byzantium color palette (#E1DCFA, #AB27C2, #6D4000, #003143, #1C0022)
• Mulberry Coast color palette (#EFE7FE, #911880, #004221, #001C2E, #000409)
• Terracotta Lantern color palette (#DEE3F3, #8874A1, #863B41, #00364A, #080B3E)

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