Washed Harbor color palette — #FBF3F1 · #96D2CF · #0085A4 · #186323 · #1E3D5B
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Ice Blue (#96D2CF): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0085A4): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#186323): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#1E3D5B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Tempered Delta color palette (#FDF3EC, #97CFE1, #287CC3, #00624E, #4D2F44)
- Cerulean Alley color palette (#EAF6EC, #8CD7D4, #218B98, #005E46, #002435)
- Dusty Turquoise color palette (#FBF4EA, #9EE3E1, #1CA8B8, #1A7E61, #214233)
- Patina Delta color palette (#F9F4EF, #CBE6E9, #8B96C8, #3D7A7C, #624B54)
- Abyss Workshop color palette (#EDDED9, #4B8D8F, #004358, #00240D, #00081C)
- Sapphire Grove color palette (#FFF3E8, #83C0E5, #245CEF, #005651, #35275D)
- Emerald Harbor color palette (#FBF2F8, #B8EAF7, #5DC2D9, #4A9F70, #1B3E57)
- Dusty Denim color palette (#F3E5DF, #5EADB5, #005F83, #004124, #0A1D41)
Browse the whole catalog at Explore, or see today's palette.