Timeworn Harbor color palette — #F5F6EE · #B8E4EB · #93CAEC · #809B78 · #3D5445
Sky and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6EE): bright and airy, almost weightless.
- Powder Blue (#B8E4EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#93CAEC): A luminous, dusty blue — the color of deep harbor water.
- Moss (#809B78): A luminous, dusty green — the color of a quiet forest floor.
- Charcoal Brown (#3D5445): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn 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
- Weathered Courtyard color palette (#F4F6EE, #BFE0F3, #B7BEEA, #679AAF, #584758)
- Aged Courtyard color palette (#FFF3E2, #FFE2A8, #88DFCF, #B2965D, #3A4C33)
- Pine Pier color palette (#FBF3F1, #CFE4DE, #71A1B6, #487C56, #5F4B5F)
- Ancient Chestnut Market color palette (#FCF4E4, #DAE5C6, #92C6C7, #C5B091, #634D00)
- Patina Seafoam Studio color palette (#F6F6E8, #6BE2DE, #008B91, #005346, #001013)
- Washed Delta color palette (#FFF3E8, #E0DAC4, #D9A564, #9B8050, #644600)
- Tempered Basin color palette (#E0E2D0, #3DB4C5, #005F71, #002B2B, #000102)
- Tempered Grove color palette (#F4F7E8, #D6D8E7, #21BEF4, #008692, #003A55)
Browse the whole catalog at Explore, or see today's palette.