Midnight Pine color palette — #EBE6F3 · #008327 · #391F19 · #37002E · #0D0009

Olive Leaf and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EBE6F3): bright and airy, almost weightless.
• Olive Leaf (#008327): A full-bodied, vivid green — the color of a quiet forest floor.
• Espresso (#391F19): A deep, shadowed, dusty orange — the color of toasted spice.
• Deep Indigo (#37002E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#0D0009): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Depth. Tagged luxury, dark, muted, warm.

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

• Pine Grove color palette (#DADFEF, #008239, #200055, #251121, #050019)
• Olive Study color palette (#FAEAFA, #5E7700, #3D000F, #241B06, #100002)
• Washed Moss Parlor color palette (#EDDDFA, #5AA842, #6D0044, #360020, #170622)
• Softworn Lantern color palette (#E7DDE6, #B6A3AA, #618A73, #6D0012, #1D0D1C)
• Dusty Workshop color palette (#FDDAD9, #91A030, #99156A, #4C0032, #070000)
• Ancient Bronze Summit color palette (#FEE3EB, #937700, #1F3237, #392100, #110700)
• Dusty Garnet color palette (#ECE0F3, #A57C00, #69003A, #240010, #040007)
• Hushed Workshop color palette (#FAE9F0, #AA9D4F, #673300, #371800, #220F18)

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