Midnight Ridge color palette — #E9EEE2 · #007446 · #003D31 · #001F21 · #00060B
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E9EEE2): bright and airy, almost weightless.
- Pine (#007446): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#003D31): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00060B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Ridge 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
- Inked Abyss color palette (#E0F5EB, #005D55, #003036, #001420, #000108)
- Garnet Grove color palette (#DEF2D5, #006A5D, #8B0030, #00322B, #0A0001)
- Midnight Petrol color palette (#D3E7E7, #007E87, #004142, #001213, #000202)
- Pine Summit color palette (#DCE5D0, #008F58, #005D54, #003D41, #001922)
- Antique Fern Lantern color palette (#FBEBD2, #625E00, #2A4800, #00250D, #000403)
- Muted Rust Veranda color palette (#E9E2D0, #C03700, #007261, #030E10, #000200)
- Indigo Delta color palette (#E4F2DC, #49A0CC, #716AC9, #254100, #000809)
- Lowlit Aubergine Meadow color palette (#C8E3F0, #00516A, #6C005F, #5A002D, #000102)
Browse the whole catalog at Explore, or see today's palette.