Misty Pier color palette — #FFF2EA · #A4E4FF · #6AADFF · #009A84 · #2D2768

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Powder Blue (#A4E4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6AADFF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009A84): A luminous, balanced teal — the color of glacier melt.
• Royal Purple (#2D2768): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Emerald Basin color palette (#FFF2EE, #98EAEE, #00BBF1, #009E50, #033168)
• Powder Harbor color palette (#FFF2EB, #C9E9D7, #83B6EC, #439E87, #4E2F44)
• Iris Drift color palette (#F0E5DC, #8FC9E7, #5C90E9, #007E73, #210F4C)
• Dusty Moss Basin color palette (#DDDDFA, #B8B4FF, #00BB80, #609900, #231751)
• Airy Veranda color palette (#F5F4FF, #FFD6F8, #FFBDB7, #2DA9F1, #462750)
• Teal Cabin color palette (#FAF4EE, #C6DFED, #B1C6F5, #67B1AC, #654956)
• Soft Pine color palette (#EBDAD4, #68C1C0, #0091B3, #007324, #00142B)
• Hushed Indigo color palette (#F4E6D7, #79A5CE, #5D69CA, #005D60, #100021)

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