Midnight Pine color palette — #CFEDE2 · #2E7943 · #004035 · #340339 · #000401

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

The five colors

• Honeydew (#CFEDE2): A whisper-light, dusty teal — the color of sea glass.
• Olive (#2E7943): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004035): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#340339): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, 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

• Tempered Olive color palette (#DCECDE, #6B6D06, #194100, #210C4B, #030300)
• Wandering Cypress Ridge color palette (#D1EFEE, #067E62, #004238, #002638, #00140D)
• Soft Basin color palette (#ECDCF5, #A5005F, #005551, #51002C, #000403)
• Patina Lagoon color palette (#DDE4D0, #3CA283, #005B4E, #002F45, #000201)
• Ancient Aubergine Ridge color palette (#E8E4CC, #609167, #00614F, #512059, #001503)
• Shadow Garnet Atelier color palette (#FDE7EA, #8A0038, #004941, #022E3C, #040001)
• Cypress Meadow color palette (#E6F6F0, #82AD84, #2D735F, #58395C, #00221F)
• Chalky Navy Delta color palette (#F7DDE5, #A89533, #4D6500, #39307A, #1B1600)

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