Washed Coast color palette — #DFF3F3 · #A8C8E8 · #5D88C2 · #00668E · #182B57
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#A8C8E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#5D88C2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00668E): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#182B57): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Wandering Boulevard color palette (#E6F1EF, #A0CCDD, #0096AD, #006C69, #003441)
- Weathered Basin color palette (#F3F7EE, #D9DEFA, #5593E5, #00648B, #0C1C40)
- Violet Study color palette (#C8E4EC, #00AEB0, #8972D8, #007273, #2C1A56)
- Periwinkle Delta color palette (#F6EDE3, #ADD8FF, #7D9FFF, #008EA0, #2E2650)
- Patina Sapphire Station color palette (#F9EAEF, #95B5D4, #4760B9, #004E59, #2F205C)
- Turquoise Hollow color palette (#E8FAF7, #9EE8FB, #00ACD6, #008189, #004661)
- Muted Petrol color palette (#D8E6E5, #6BABCB, #006DA1, #004857, #001529)
- Dusty Teal color palette (#D0F2E5, #00B599, #008A7F, #005D5B, #003839)
Browse the whole catalog at Explore, or see today's palette.