Midnight Ridge color palette — #DBEFEE · #00663C · #373B42 · #001E27 · #000707
A conversation between Pine and Midnight, giving this palette its sense of nature and growth.
The five colors
- Frost (#DBEFEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#00663C): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#373B42): quiet, heavy and certain.
- Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000707): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Twilit Grove color palette (#D3E6DD, #5A5900, #2A343A, #00210F, #000704)
- Midnight Denim Balcony color palette (#CEE7F0, #006169, #2C2B31, #001A37, #00060A)
- Worn Veranda color palette (#D8EBDE, #6E9D49, #00654A, #443800, #001712)
- Tempered Lagoon Lagoon color palette (#DDF0D8, #009368, #006A62, #00363F, #001629)
- Muted Basin color palette (#E0EACE, #008D59, #4E464D, #002C27, #030500)
- Ancient Cerulean color palette (#DDF1FD, #0091B3, #313C4F, #162026, #070E0F)
- Forest Basin color palette (#EEE6EF, #63C7BE, #00788D, #1E4D12, #00172A)
- Muted Lantern color palette (#CDF4F3, #007B7B, #A32E29, #842722, #000D12)
Browse the whole catalog at Explore, or see today's palette.