Midnight Pine color palette — #F7D4D7 · #108321 · #37002F · #1A0F02 · #0D000A

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

The five colors

• Shell Pink (#F7D4D7): A whisper-light, dusty red — the color of late-summer berries.
• Olive Leaf (#108321): A full-bodied, vivid green — the color of fresh herbs.
• Deep Indigo (#37002F): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#1A0F02): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0D000A): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Olive Villa color palette (#FAE6E1, #627600, #3D0010, #191607, #100002)
• Pine Chapel color palette (#F8E9F0, #178234, #220053, #260D19, #050018)
• Washed Moss Thicket color palette (#FFDAD9, #58AA1C, #6C0048, #360022, #1C0003)
• Weathered Moss color palette (#EDDACE, #96902E, #5E1E00, #2B0900, #0A0500)
• Mulberry Quarry color palette (#E9E3F5, #45B04B, #960084, #45093C, #03000A)
• Patina Garnet Dune color palette (#F8ECE8, #B5A698, #977B35, #6A0B15, #210E07)
• Plum Corridor color palette (#F7E3E2, #B11F81, #1E3C00, #490033, #010200)
• Stone Meadow color palette (#FAF4EB, #C6AB72, #624E24, #312D27, #1C1C0C)

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