Midnight Forest color palette — #E1F3F2 · #006A33 · #002F3D · #00260E · #000103
Pine and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E1F3F2): bright and airy, almost weightless.
- Pine (#006A33): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002F3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#00260E): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged duotone, 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 Market color palette (#DEF2E7, #615A00, #003225, #221F00, #000201)
- Velvet Terrace color palette (#D1E7EF, #006569, #002561, #002426, #000106)
- Velvet Aubergine color palette (#EFEEDC, #4A6600, #270074, #162200, #060003)
- Softworn Spruce color palette (#E3F0F1, #7D9297, #4F707F, #003227, #000202)
- Dusty Alley color palette (#D1E2EB, #00748B, #3E008B, #002F3A, #010008)
- Worn Pine color palette (#D2E2E7, #008B54, #006965, #003B55, #000102)
- Frosted Nightshade color palette (#D3EBE5, #5D8A00, #2C2591, #1F3200, #01000A)
- Muted Navy Summit color palette (#D5E8EE, #008A8B, #003A98, #003F40, #000105)
Browse the whole catalog at Explore, or see today's palette.