Weathered Harbor color palette — #D8F7F9 · #84D2FF · #E87163 · #4F2722 · #2C1C15

Coral Clay and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8F7F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#84D2FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Coral Clay (#E87163): A luminous, balanced orange — the color of toasted spice.
• Espresso (#4F2722): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2C1C15): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged neon, dark, vibrant, 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

• Apricot Market color palette (#F3DBF9, #A8B5FF, #FF885B, #572917, #221710)
• Powdered Hollow color palette (#DDE9F7, #00D2A5, #FF7034, #48272C, #271B22)
• Peony Study color palette (#D4E8E8, #8AC4FF, #E85DBA, #532C2E, #291819)
• Softworn Mint color palette (#E0E5F2, #00E19D, #FF9871, #524A46, #251912)
• Rust Cabin color palette (#D0E7FA, #8588F0, #CD3900, #3B0A00, #140500)
• Powdered Lapis color palette (#FCEBDC, #CA7825, #009676, #5F4EAD, #391F03)
• Tempered Bronze Chapel color palette (#F9F4EF, #D7DBD2, #B0C6B4, #AA7400, #3E3A34)
• Rust Corridor color palette (#E3E4F9, #0098B9, #C75700, #1E0700, #040100)

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