Washed Cypress Coast color palette — #EAF9F7 · #8ABABA · #2D846B · #386452 · #304747

Fern and Pine set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#EAF9F7): a clean, paper-quiet neutral.
• Ash (#8ABABA): A luminous, dusty teal — the color of sea glass.
• Fern (#2D846B): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#386452): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#304747): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Washed Cypress 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

• Wandering Glacier color palette (#E5FAFB, #C0DAF2, #75D7DD, #4F8366, #395256)
• Hushed Pine color palette (#E1FCF7, #75B483, #007D52, #3A5B31, #0D4341)
• Olive Corridor color palette (#EEF8F2, #AFB487, #677D30, #744C5C, #2E493E)
• Tempered Pier color palette (#E7F6F3, #7BC5A8, #2D8482, #644C5D, #102C2E)
• Cerulean Lantern color palette (#EFF7F6, #C0E3F3, #4196B1, #126F73, #2B4C61)
• Seafoam Pier color palette (#F5F6E9, #8AD7B8, #4C9F9D, #78706B, #40443D)
• Gentle Ember Courtyard color palette (#E8FAF6, #83AD74, #D2663B, #42742D, #5E3728)
• Hushed Market color palette (#E6FAF6, #AFDFE5, #78B8C4, #9F86A5, #22494E)

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