Misty Pier color palette — #F1F8E9 · #61CFA8 · #ED7B98 · #009771 · #5E343E

Rose and Fern set the tone — five colors that lean into balance.

The five colors

• Ivory (#F1F8E9): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#61CFA8): A luminous, balanced teal — the color of glacier melt.
• Rose (#ED7B98): A luminous, balanced red — the color of embers at dusk.
• Fern (#009771): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5E343E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Balance. Tagged warm.

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

• Misty Blush Lagoon color palette (#F7F6E7, #A8C378, #EF77A6, #6F8D2B, #5D3443)
• Pale Tangerine color palette (#EAFBEA, #4BCDCF, #EE8352, #009394, #48413C)
• Sunlit Lagoon color palette (#DEFCFF, #87EBCE, #ED9FC6, #259F83, #502A3E)
• Peony Drift color palette (#EEFAE1, #4BBC97, #D272B0, #BB6E66, #363933)
• Worn Lilac color palette (#F8F7E2, #A2C672, #B996FB, #628720, #583646)
• Linen Terrace color palette (#DDFCFF, #3DB798, #B07F38, #007760, #573C14)
• Weathered Ember Studio color palette (#D1EFC9, #00B7A8, #F14800, #007A70, #551300)
• Amber Loft color palette (#DBFFEC, #3DD2FF, #CC6F00, #0084A5, #592E00)

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