Washed Harbor color palette — #F3F6F0 · #CBE0DB · #A9C3BA · #007E5B · #314801

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#CBE0DB): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A9C3BA): A luminous, dusty teal — the color of sea glass.
• Teal (#007E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#314801): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed Harbor 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 Cypress Delta color palette (#F2F7F1, #CEDDDC, #BFADBD, #00746B, #353D34)
• Timeworn Lagoon color palette (#F3F7EF, #CCE0D9, #9CCFC8, #219C7D, #3B4335)
• Chestnut Garden color palette (#F4F4C8, #A2BD97, #48918F, #8F471D, #495315)
• Olive Lagoon color palette (#FFF2EA, #BAA062, #5E7300, #005E54, #4A3701)
• Aged Abyss color palette (#EBF0EB, #ACBEB6, #A18499, #004F51, #142415)
• Ancient Cerulean color palette (#F0F7F4, #DCD5D2, #A5A397, #5788AC, #4A5552)
• Cypress Summit color palette (#DCE8DC, #007879, #002D4B, #051E08, #000B03)
• Emerald Grove color palette (#F5F8DF, #44932B, #00618B, #672C00, #0F3B00)

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