Weathered Teal Coast color palette — #FAF4F0 · #C8DCE2 · #B7C1F1 · #5AA289 · #5D4457

Built around Eucalyptus, softened by Lavender — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C8DCE2): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B7C1F1): A luminous, dusty violet — the color of wild irises.
• Eucalyptus (#5AA289): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#5D4457): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Ash color palette (#FAF2F8, #D7D5E9, #709FC4, #49787A, #495365)
• Aged Turquoise color palette (#ECF9F0, #B3F2FF, #FEBA96, #00ADC5, #4B4540)
• Wandering Study color palette (#FEF3EA, #D9D5E1, #89ABFF, #008883, #3A2761)
• Muted Alley color palette (#E8FAF1, #ECD6D2, #7AC2AA, #ACABA0, #38544D)
• Worn Ash color palette (#F6F1EA, #C0EAE6, #72A4BD, #587455, #223C35)
• Quiet Cobalt Orchard color palette (#FFF2EC, #9CD7E4, #0082C3, #00543C, #040234)
• Hushed Boulevard color palette (#FDF4E8, #D7DFC8, #C1AA8C, #9F6C57, #434200)
• Wandering Ultramarine Canyon color palette (#F8ECE3, #92C3B0, #2B5DCF, #003E3A, #030010)

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