Midnight Forest color palette — #C9E8E9 · #005B3F · #563200 · #002518 · #020100

Pine takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#C9E8E9): A whisper-light, dusty teal — the color of sea glass.
• Pine (#005B3F): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#563200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#002518): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Fern Hollow color palette (#CEEBF4, #3F6500, #383135, #001819, #000202)
• Deep Station color palette (#D8F1E7, #4A5200, #74001A, #1D2100, #040000)
• Basalt Chapel color palette (#D8EDE7, #004639, #003552, #252400, #000201)
• Midnight Aubergine color palette (#D6F5FD, #005856, #42009A, #002423, #010008)
• Softworn Meadow color palette (#E1F2FF, #006388, #2A5600, #002E42, #010400)
• Hazy Mulberry color palette (#CFEEEF, #007E5C, #9A0059, #003424, #040001)
• Worn Lagoon Ridge color palette (#D1EEF4, #22A2A5, #007B8E, #003729, #000202)
• Cypress Lantern color palette (#E4F4D5, #007C5E, #7B4C00, #004332, #0B0400)

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