Weathered Coast color palette — #FAF4F0 · #CBE7E5 · #7C9CC1 · #05816C · #64495A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CBE7E5): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7C9CC1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#05816C): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#64495A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Coast 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

• Lagoon Lantern color palette (#F8F5EF, #C9E9E7, #7FB9DD, #429596, #5C4C5F)
• Antique Field color palette (#EEF4EF, #D2DDF2, #71A3C2, #287879, #293747)
• Ancient Pine Cabin color palette (#F4F7E8, #AEB58A, #C88190, #3F8447, #6A3E48)
• Feathered Field color palette (#FBF4ED, #A9DACB, #6379CC, #006666, #49306F)
• Weathered Lagoon Studio color palette (#ECFAE4, #9CD8CE, #419680, #005D4B, #003F39)
• Dusty Thicket color palette (#F1F8E9, #C5E9E2, #F2CDEE, #87925A, #475745)
• Dusty Pewter color palette (#EEF9E9, #5EA899, #AD7596, #9F5960, #394733)
• Antique Studio color palette (#F7E9E2, #66AABD, #005B94, #004030, #14174B)

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