Weathered Harbor color palette — #FBF3F0 · #BEE4EC · #ABC6FA · #6E9F81 · #574756

A conversation between Sky and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Powder Blue (#BEE4EC): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#ABC6FA): A whisper-light, dusty violet — the color of a velvet chair.
• Eucalyptus (#6E9F81): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#574756): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. 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

• Tempered Summit color palette (#FAF3F8, #D5D6EB, #7B9FB5, #497A68, #435566)
• Timeworn Amber Villa color palette (#FCF4E9, #FFE1AB, #BCC8FF, #BC9340, #563D4F)
• Tempered Marigold Villa color palette (#FFF2EC, #E3DBC3, #D4A94F, #818040, #4C4C44)
• Periwinkle Harbor color palette (#FEF3EB, #D7D6E5, #6FB2FF, #008A75, #2F2E5E)
• Hushed Villa color palette (#F1E6E1, #6EADBB, #005A89, #002D1E, #00000B)
• Antique Loft color palette (#FEF3E7, #D6E5D0, #C9C4D0, #D5B09C, #5D4E00)
• Cerulean Canyon color palette (#FFF2ED, #90DBDD, #0087AC, #005523, #000C21)
• Mallow Atelier color palette (#FFF3E5, #F5C17D, #C7A8FF, #AB94D5, #3C3732)

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