Misty Periwinkle Harbor color palette — #FFF2ED · #FA998F · #7BA0FF · #BD6159 · #324166

Cornflower and Terracotta set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FA998F): A luminous, balanced orange — the color of sun-warmed clay.
• Cornflower (#7BA0FF): A luminous, balanced violet — the color of twilight just after sunset.
• Terracotta (#BD6159): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#324166): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged warm.

Use it as a design system

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

• Muted Field color palette (#FFF2EC, #F1A08C, #1FB6DB, #BF614B, #244C38)
• Soft Amber color palette (#FFF1F7, #FFC79F, #7BC6EB, #C07539, #003E56)
• Ancient Amber color palette (#FEF3E6, #E2BE86, #A3ABEE, #AF8439, #5E4355)
• Wandering Amber Canyon color palette (#FFF1F7, #DE8745, #4691C2, #95511A, #28465D)
• Misty Periwinkle color palette (#FDF4E2, #CCB859, #64A7FC, #958000, #294366)
• Cobalt Chapel color palette (#FFF2EA, #FE9D6D, #958ACE, #5284D4, #3D3632)
• Amber Studio color palette (#FFF2E9, #D6B98C, #BB7F5D, #8B595C, #3F3D36)
• Apricot Corridor color palette (#F4EAFD, #A3CFFF, #FFA569, #48423D, #2D2621)

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