Midnight Pine color palette — #E9E8FF · #008247 · #2F0040 · #2B141F · #0A0011

Fern takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E9E8FF): A whisper-light, dusty violet — the color of wild irises.
• Fern (#008247): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#2F0040): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#2B141F): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#0A0011): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Smoked Courtyard color palette (#F1E6FA, #4F7C00, #3C241A, #3A0022, #0E0006)
• Dusty Emerald color palette (#E8DFFE, #2DAD58, #65005F, #32002F, #1D0009)
• Bronze Alley color palette (#F1DEDE, #836200, #3A002D, #181004, #090005)
• Wandering Garnet color palette (#F1EAF3, #B7A2AE, #6D8772, #6B002B, #1B0E1E)
• Grape Veranda color palette (#FEE9ED, #08B176, #8B00A0, #400A4A, #060001)
• Wandering Moss color palette (#EAD7E8, #889539, #61161B, #320005, #130613)
• Gentle Garnet Terrace color palette (#EFE9F8, #A37D1F, #64004F, #220019, #030009)
• Quiet Moss Drift color palette (#FDF0FF, #91AE54, #79263B, #4D001C, #231425)

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