Misty Pier color palette — #C8E6DA · #5C8620 · #005D2B · #003949 · #0D2C00

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#C8E6DA): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#5C8620): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#005D2B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003949): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#0D2C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged retro.

Use it as a design system

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

• Dusty Bronze Delta color palette (#CBE6D6, #8B7600, #485300, #003C39, #282500)
• Worn Emerald color palette (#DDF5EC, #639555, #006C47, #004661, #003935)
• Ancient Pine Alley color palette (#E1F4ED, #007B34, #004838, #002740, #001C0D)
• Antique Navy Delta color palette (#BEE9DF, #008B72, #005859, #132283, #002B26)
• Linen Moss color palette (#D8F7F0, #B2B904, #6AAC04, #007D3E, #082900)
• Eclipse Onyx color palette (#D3E6E2, #006755, #003839, #070057, #000F0C)
• Softworn Aubergine Archive color palette (#F4D8BF, #A69300, #007D4E, #6A2178, #1F2800)
• Midnight Fern Balcony color palette (#D9EFEA, #306400, #002108, #030C00, #000203)

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