Washed Coast color palette — #E7FAFA · #70AF90 · #BE772D · #007951 · #5D3915

A conversation between Mustard and Pine, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#E7FAFA): a clean, paper-quiet neutral.
• Jade (#70AF90): A luminous, dusty teal — the color of glacier melt.
• Mustard (#BE772D): A luminous, balanced gold — the color of old brass.
• Pine (#007951): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5D3915): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged warm.

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

• Tempered Taupe color palette (#E8F9FD, #7ABEBB, #AC984F, #008381, #584C21)
• Ancient Chestnut Alley color palette (#E8FBED, #90B09D, #847038, #6B4B00, #264437)
• Olive Thicket color palette (#E9F8FF, #00A6BC, #7D8700, #006877, #3A3F00)
• Feathered Coast color palette (#E9FAF3, #99A769, #009AB4, #5E6E00, #004B59)
• Wisteria Summit color palette (#E2F6F8, #58B997, #B670B3, #007759, #381A37)
• Tempered Blush color palette (#F2F8EA, #6FCEA1, #DA84B9, #29966A, #5A344B)
• Aged Abyss Alley color palette (#EDF7FA, #A1B78D, #005E5E, #003636, #131D26)
• Patina Lagoon Grove color palette (#DEFCFF, #CEDEEB, #82D3DA, #4E8E6B, #2F575D)

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