Weathered Harbor color palette — #E8DFD8 · #7DA99D · #434CA2 · #003E40 · #290F42

Indigo and Deep Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Parchment (#E8DFD8): bright and airy, almost weightless.
• Taupe (#7DA99D): A luminous, dusty teal — the color of shallow lagoons.
• Indigo (#434CA2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#003E40): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#290F42): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Onyx Boulevard color palette (#F1E4E0, #6BABB1, #005F82, #004123, #001B4D)
• Dusty Ultramarine color palette (#DAE7DC, #71A2CA, #0050BA, #003744, #050429)
• Timeworn Sapphire Basin color palette (#F1EAE0, #89B7DD, #146DE9, #005669, #141848)
• Navy Dune color palette (#E6DDD5, #5B8C7C, #192A95, #002221, #0E0024)
• Gentle Cobalt Meadow color palette (#FFF2EB, #81C3D5, #0073B6, #005842, #212674)
• Chalky Aubergine color palette (#E5E4C4, #618A2B, #652097, #294200, #280043)
• Feathered Forest Lantern color palette (#FFF2EF, #99DDD8, #008EAB, #0C6C13, #0F426C)
• Iris Loft color palette (#F0E3E7, #8AC7F6, #6C89F6, #007D7C, #261044)

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