Weathered Harbor color palette — #CDE8E0 · #249FF3 · #895CBC · #465F00 · #06103B

A conversation between Cornflower and Amethyst, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CDE8E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#249FF3): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#895CBC): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#465F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#06103B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Weathered 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

• Feathered Indigo color palette (#D8E7DB, #00A9C9, #606CC7, #6D5000, #001828)
• Softworn Iris Pier color palette (#D6EEE8, #7E8BFA, #A85099, #006641, #1C0837)
• Wandering Driftwood color palette (#CDE7F2, #91A5CA, #A5779F, #506635, #00352F)
• Linen Cornflower color palette (#D2E3F9, #418CFF, #C6382A, #4C5800, #0B1500)
• Magenta Corridor color palette (#D3F0B8, #9BA9FF, #DB45C6, #008057, #2F1B50)
• Linen Thicket color palette (#EBDBE6, #8ECDCD, #00A3C2, #008154, #002236)
• Antique Violet color palette (#ECF5D4, #865DD3, #9C1D60, #00453D, #08000D)
• Aged Indigo color palette (#FCD5D2, #776BE5, #7132A4, #6D001C, #180D33)

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