Washed Coast color palette — #F1F5FF · #ABABFF · #858800 · #467C42 · #022021

Olive Leaf and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#ABABFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#858800): A luminous, balanced green — the color of fresh herbs.
• Olive (#467C42): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#022021): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Patina Amber color palette (#EDF1FF, #AAA5FF, #BA8A17, #228169, #003428)
• Powdered Fuchsia color palette (#F5F3FF, #F686FE, #549838, #50803E, #001F28)
• Soft Bronze Boulevard color palette (#ECF7FF, #76B7FF, #B96611, #7F6300, #07241F)
• Weathered Azure color palette (#EDF7FF, #31A6E5, #6A7922, #006136, #001117)
• Hushed Fuchsia color palette (#F7F3FF, #E38CD3, #A39B40, #888241, #152C39)
• Wandering Terrace color palette (#CAF9FC, #A4B5FF, #CA7AA1, #34856C, #2C2D4A)
• Mallow Coast color palette (#F6F3FD, #F19CDD, #5FB89F, #579583, #26343C)
• Washed Ridge color palette (#FFF0F8, #8F6FFF, #956200, #2C5722, #03271C)

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