Misty Pier color palette — #F0F5DE · #5DC569 · #008A84 · #007F26 · #001614
A conversation between Clover and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F5DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#5DC569): A luminous, vivid green — the color of fresh herbs.
- Fern (#008A84): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#007F26): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001614): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Airy Teal color palette (#E9F7E0, #00C7A4, #008794, #007B65, #001518)
- Dusty Pier color palette (#E2FBF9, #49E575, #009091, #008135, #000203)
- Muted Pine Parlor color palette (#F9F2D8, #B2B200, #00903A, #6E6E00, #101400)
- Worn Grove color palette (#DBF7EA, #00C7A7, #008F83, #00595B, #003136)
- Nightshade Boulevard color palette (#D6EFB9, #00B28A, #007F7C, #003ABC, #003129)
- Frosted Moss Dune color palette (#F6F3DC, #7E9C00, #00606B, #3E4E00, #001519)
- Worn Pine Bloom color palette (#F3F7EC, #DAE1D2, #AFC6A4, #008E54, #2D3800)
- Worn Lagoon color palette (#E9F1E1, #008969, #004E5B, #004332, #000203)
Browse the whole catalog at Explore, or see today's palette.