Midnight Pier color palette — #DFE1CB · #1B6F39 · #003420 · #001A21 · #050700

Built around Pine, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Bone (#DFE1CB): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#1B6F39): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003420): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001A21): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Midnight Pier 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 Veranda color palette (#E8E2D4, #5E6300, #243000, #2F0506, #080600)
• Washed Veranda color palette (#D3E9E2, #538252, #005337, #11275B, #000900)
• Ancient Lagoon color palette (#F0E7D3, #817E20, #414A00, #4C1D1F, #221A00)
• Weathered Cerulean Balcony color palette (#E0E2D6, #2C8DAA, #00425A, #002226, #000B14)
• Washed Pine Drift color palette (#F1E6D5, #7B934D, #007549, #6C2F54, #040700)
• Lagoon Ridge color palette (#DFE9D1, #2BA185, #006359, #1B425A, #1E2E0F)
• Pale Moss Study color palette (#EEEDD2, #3FAC34, #006D34, #673306, #0E380A)
• Deep Basin color palette (#F6D6D5, #8F0068, #00416C, #3F002B, #000610)

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