Washed Coast color palette — #FAF2F7 · #AFDBF5 · #6E99C8 · #007E69 · #34365E

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F7): a clean, paper-quiet neutral.
• Powder Blue (#AFDBF5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#6E99C8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E69): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#34365E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Ancient Lagoon color palette (#FDF1F5, #D8DDFB, #94A1D8, #148B8E, #424465)
• Hushed Azure Cabin color palette (#FFF0FC, #6ADEEE, #0097D3, #00764B, #0C2A76)
• Cobalt Pier color palette (#F9F4ED, #A7D0BB, #1F80B6, #005F62, #1D3C5F)
• Tempered Teal Veranda color palette (#C7EDDD, #12C6C3, #0091AD, #1960A0, #293667)
• Faded Amber Veranda color palette (#CBE9FF, #30A1D4, #C3722B, #8B6C00, #0E2E42)
• Cobalt Balcony color palette (#EDF6FF, #84C5FA, #008CC4, #00537A, #00203A)
• Quiet Amber Station color palette (#DEF2FC, #00BCD9, #D08024, #007F94, #502B00)
• Hushed Bloom color palette (#ECE0E6, #669BB1, #1D579E, #003C34, #090029)

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