Weathered Coast color palette — #9DFADD · #FFD876 · #DFC8FF · #7C676F · #3A3134

Lemon and Sea Foam set the tone — five colors that lean into optimism and creativity.

The five colors

• Sea Foam (#9DFADD): A whisper-light, balanced teal — the color of glacier melt.
• Lemon (#FFD876): A whisper-light, balanced gold — the color of honey in a jar.
• Thistle (#DFC8FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pewter (#7C676F): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#3A3134): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Timeworn Celadon color palette (#A8F3FF, #B6F18F, #FFBAF1, #7F6567, #3A3132)
• Straw Thicket color palette (#F0EA86, #FFD1BE, #BFD4FF, #6B5A69, #393338)
• Lilac Quarry color palette (#FEF2F4, #D0E7B6, #B48DC4, #86616B, #35272B)
• Patina Mallow color palette (#D6E6FF, #FFC8C4, #FFA7F6, #504B5D, #35333A)
• Muted Chartreuse Alley color palette (#D3E9F0, #5AF193, #FFAEAE, #6E554D, #2C221F)
• Fuchsia Courtyard color palette (#DBE3D2, #25F6D6, #DE70CE, #693C61, #2F1E20)
• Weathered Stone color palette (#FBF3F2, #DFD9D3, #D7A8A2, #A1B5B1, #5A504E)
• Lime Field color palette (#D1E5EA, #AAD200, #FF8AC8, #6E4847, #241515)

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