Misty Pier color palette — #FAD8F6 · #417CFF · #008986 · #006086 · #0C1D41

Azure and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#FAD8F6): A whisper-light, dusty pink — the color of peonies in June.
• Azure (#417CFF): A luminous, vivid violet — the color of twilight just after sunset.
• Fern (#008986): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#006086): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0C1D41): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Soft Cornflower color palette (#FAD9F3, #5777FF, #8C7600, #006470, #111B43)
• Weathered Pine Thicket color palette (#C3F0DE, #0091C8, #009032, #006086, #002333)
• Wandering Violet color palette (#EED7E0, #955FD8, #007F99, #4E419D, #2C0F1D)
• Misty Iris color palette (#FFF0F9, #8881FF, #0098A5, #5C50C6, #3F1F34)
• Gentle Magenta color palette (#FFDADF, #F44CFA, #FA761D, #0073BC, #320D33)
• Airy Coral Delta color palette (#FFF2ED, #E8796E, #628FD8, #4F6FA2, #38312E)
• Sunlit Coral color palette (#FDE9E5, #D4677F, #009678, #675199, #36201B)
• Magenta Bloom color palette (#FFDADE, #D80FD6, #008D6A, #4A37C9, #310F30)

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