Soft Cornflower Harbor color palette — #F7EDE2 · #98CAF4 · #697DDF · #006B6D · #34244C

A conversation between Periwinkle and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7EDE2): bright and airy, almost weightless.
• Sky (#98CAF4): A luminous, dusty blue — the color of deep harbor water.
• Periwinkle (#697DDF): A luminous, balanced violet — the color of wild irises.
• Teal (#006B6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#34244C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Soft Cornflower 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

• Cobalt Workshop color palette (#F5EDE8, #89D2E0, #008FD3, #006F4F, #1F2B51)
• Sapphire Coast color palette (#E5F3E8, #89B7DE, #2F64BD, #004D5F, #232954)
• Ancient Boulevard color palette (#F7D4E3, #9565EB, #009259, #00726C, #321223)
• Washed Azure Pier color palette (#FFF2EC, #92EBFD, #03A5F3, #008660, #2D3C6E)
• Antique Apricot Field color palette (#FFECF2, #FFC6EB, #FE9E68, #457FBE, #4C2C34)
• Ancient Terrace color palette (#EEE2D8, #5EADCE, #0063C6, #004B41, #130141)
• Hushed Turquoise color palette (#FBF3F1, #CEE9E0, #78BDD2, #71906F, #38504A)
• Wandering Teal color palette (#F9ECE7, #35A4AB, #006180, #003E1E, #00081E)

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