Misty Pine Pier color palette — #DBE5C8 · #008756 · #005661 · #002765 · #0F1000

Fern and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DBE5C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005661): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#002765): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0F1000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Misty Pine 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

• Aubergine Harbor color palette (#CEE9CE, #008282, #00507F, #340074, #011301)
• Dusty Lagoon Veranda color palette (#D3EFE5, #009984, #006A61, #004240, #001C1E)
• Navy Villa color palette (#DAF5E7, #00627B, #212286, #2E0035, #000503)
• Ancient Atelier color palette (#D2F1DC, #856B00, #005568, #600036, #2D2300)
• Olive Boulevard color palette (#EAE1BB, #6F7900, #005A43, #59000C, #170C00)
• Antique Basin color palette (#EFF4EA, #5AAF91, #327D8F, #384B75, #262B00)
• Nightshade Market color palette (#C2ECD5, #007E9C, #1F2DC5, #45005C, #001309)
• Ancient Fern color palette (#EBE6C7, #77A548, #1B6E05, #394400, #0D1A00)

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