Weathered Harbor color palette — #FBF3F1 · #C1E2E7 · #6DBEDB · #6A926E · #5C4D5D

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#C1E2E7): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#6DBEDB): A luminous, balanced blue — the color of deep harbor water.
• Fern (#6A926E): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5C4D5D): A full-bodied, dusty pink — the color of a candy shop window.

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

• Cypress Ridge color palette (#F0F7F1, #CEE2F5, #6AA4AE, #457B69, #3E5665)
• Cerulean Market color palette (#EDF9EF, #74D6DE, #E7989D, #009FA9, #62453D)
• Muted Taupe Veranda color palette (#F5F6EE, #CCE4DD, #AFD1B5, #92AB88, #365240)
• Gentle Azure color palette (#FFF2EB, #9AE9FD, #15A3F9, #008665, #313B6C)
• Weathered Apricot Field color palette (#EEF9E7, #72C3AD, #E28B69, #B58861, #3C4635)
• Antique Denim color palette (#FBE8E1, #4FA0AA, #006086, #003E24, #000429)
• Worn Turquoise color palette (#E0FEE9, #9EE1ED, #30AEC5, #207287, #24412E)
• Pale Cornflower Parlor color palette (#F8ECE3, #91CEE9, #2F85EE, #006D5F, #2A284E)

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