Midnight Forest color palette — #D5F0F3 · #006356 · #36353C · #001F1F · #000708

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

The five colors

• Frost (#D5F0F3): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006356): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#36353C): quiet, heavy and certain.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000708): quiet, heavy and certain.

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

• Lowlit Courtyard color palette (#D0EEFF, #006389, #372E31, #00203A, #000912)
• Ancient Lagoon Study color palette (#C7F3EF, #00999E, #006670, #003B44, #001921)
• Softworn Lagoon Harbor color palette (#CAEDF1, #008A73, #362E2F, #002A31, #000506)
• Patina Petrol color palette (#E0ECEA, #71C2CE, #00788E, #004B4B, #001923)
• Worn Grove color palette (#CEE3E0, #5D9F6E, #006542, #1A4410, #001806)
• Patina Alley color palette (#CDECFA, #008FA1, #6D7100, #00505B, #131300)
• Grape Pier color palette (#CDE6F5, #007795, #6238C9, #005C36, #000D16)
• Sapphire Grove color palette (#DAE7FC, #284EFD, #23234E, #020F28, #010309)

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