Midnight Courtyard color palette — #FCE3F2 · #00678D · #465B00 · #060E0F · #000201

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FCE3F2): A whisper-light, dusty pink — the color of peonies in June.
• Peacock (#00678D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#465B00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#060E0F): quiet, heavy and certain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged neon, dark, vibrant, muted.

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

• Twilit Hollow color palette (#E2E2F3, #006D6A, #6F4A00, #030F0C, #000200)
• Cobalt Balcony color palette (#FBE3F1, #007FCF, #536D00, #021207, #020200)
• Velvet Lapis color palette (#F2E1DE, #4C19F7, #00614C, #050C0D, #000102)
• Cypress Balcony color palette (#DAE8E0, #00685A, #003232, #000E13, #000103)
• Hushed Meadow color palette (#D4E2E2, #7B9297, #39767D, #003323, #000202)
• Muted Ridge color palette (#F5DCDB, #8852FF, #008665, #000F10, #000202)
• Inked Market color palette (#CAE7E1, #164100, #2C0074, #280015, #000200)
• Antique Emerald color palette (#FFEAE9, #5191FF, #00A233, #001816, #000404)

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