Midnight Pine color palette — #EDF3DD · #007734 · #112D15 · #121602 · #040602

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

The five colors

• Cream (#EDF3DD): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#007734): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#112D15): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#121602): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#040602): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Nocturne Chestnut color palette (#F0E7D2, #706400, #012F0E, #1A1202, #060400)
• Timeworn Emerald color palette (#E6ECD8, #009A51, #334629, #202414, #0E0E07)
• Cypress Orchard color palette (#DBEADC, #007174, #032842, #061808, #010603)
• Worn Lagoon color palette (#E8F6EB, #008D98, #473549, #202C22, #111714)
• Weathered Hollow color palette (#D9F1EF, #27B763, #446870, #2A4240, #06100D)
• Misty Corridor color palette (#DFEACD, #00905E, #C32823, #8C4400, #272F16)
• Aged Cypress color palette (#FBF4E9, #8EA470, #11754E, #5B4815, #36362F)
• Ancient Pier color palette (#E8F2E1, #1BA487, #D1383C, #006652, #522624)

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