Weathered Harbor color palette — #EFF7F6 · #98CCC7 · #3389A3 · #387E48 · #213039

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Stone (#98CCC7): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#3389A3): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#387E48): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#213039): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Cobalt Station color palette (#EEF7FA, #88CFD0, #667AB9, #007D7F, #272E3A)
• Cerulean Atelier color palette (#ECF4F2, #B3CE96, #368CB8, #607C3C, #0A1721)
• Denim Summit color palette (#D6FEFF, #92C6CD, #3D8D91, #00657A, #004A71)
• Mulberry Grove color palette (#EDF9EF, #7DB5A7, #428192, #814064, #2B4E56)
• Dusty Nightshade Bloom color palette (#D9EAF1, #008690, #1018B3, #00393E, #000310)
• Azure Ridge color palette (#F6F5EE, #C8D9AA, #59A2DC, #809655, #22322D)
• Lagoon Canyon color palette (#EFF7F7, #D5DADF, #B1A9B4, #50917B, #475657)
• Jade Bloom color palette (#E8F9FA, #00BD96, #0069A9, #00654F, #001F37)

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