Midnight Field color palette — #F5E7FF · #6C0095 · #573600 · #003735 · #030005

Plum takes the lead with Cocoa close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#F5E7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#6C0095): A full-bodied, vivid violet — the color of a velvet chair.
• Cocoa (#573600): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#003735): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030005): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Midnight Field 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

• Mulberry Boulevard color palette (#F6DCEA, #82005F, #453F00, #003444, #040002)
• Washed Aubergine Summit color palette (#F1E5FF, #6B00A5, #1A4D00, #003426, #0E001C)
• Shadow Field color palette (#E3E6FF, #3F17BE, #6D2100, #003922, #01000A)
• Aged Byzantium Summit color palette (#EAD9F5, #9500CB, #7D5000, #005654, #0F0019)
• Lapis Parlor color palette (#E3EBFB, #4B42F0, #0C6B13, #004F3F, #01000A)
• Gentle Nightshade color palette (#FAE0F4, #A70806, #005D24, #1A229C, #0D0000)
• Inked Byzantium color palette (#F4E3F8, #A03DAD, #550066, #1C0025, #030004)
• Tempered Plum Thicket color palette (#ECEBFD, #D27CBF, #BF4063, #442A81, #10000F)

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