Washed Coast color palette — #F4F3E3 · #8BA858 · #2D8272 · #14536D · #33240A

Moss takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#8BA858): A luminous, balanced green — the color of new leaves after rain.
• Teal (#2D8272): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#14536D): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#33240A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Antique Amber color palette (#F9F1E4, #C0943A, #627B49, #12584C, #3A2014)
• Teal Station color palette (#EEF4E9, #3FB392, #347C93, #614058, #2B2907)
• Wandering Mint color palette (#E7EDC5, #7DC58F, #4E936C, #2D654E, #313D25)
• Navy Balcony color palette (#E8F1E1, #009172, #005F75, #1F2B6E, #101700)
• Worn Corridor color palette (#F1F5DB, #C3CDAD, #84957B, #526A62, #453945)
• Frosted Courtyard color palette (#ECF5E9, #00A397, #1E6C95, #503F00, #032604)
• Hushed Corridor color palette (#F1F3EB, #C0E6E4, #6FA5BE, #3A757D, #253C34)
• Moss Bloom color palette (#EEEEE2, #659233, #3B4000, #1F1F16, #0E0D07)

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