Weathered Harbor color palette — #DAF1F1 · #007F52 · #775400 · #00482C · #000F06
Built around Teal, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Frost (#DAF1F1): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007F52): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#775400): A full-bodied, balanced gold — the color of old brass.
- Forest (#00482C): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000F06): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Misty Fern Orchard color palette (#C9EEFF, #00788A, #3D6900, #134800, #000D11)
- Dusty Petrol Coast color palette (#CBE4F0, #00759A, #5F6000, #004256, #000D14)
- Cobalt Alley color palette (#DEEBF8, #0077CF, #00765B, #005041, #021122)
- Hushed Grape Coast color palette (#CEEAF2, #007B7B, #8900B0, #4D3800, #000E0E)
- Muted Petrol color palette (#C6E5FB, #007CA5, #753A00, #003527, #00130C)
- Sunlit Mulberry color palette (#D4E8E9, #007A80, #A90045, #1F4700, #000E0F)
- Hushed Drift color palette (#D8FFF3, #2FA9FF, #BE3C00, #615500, #000E1C)
- Teal Canyon color palette (#E4F6FA, #35A8A2, #A57A38, #176D61, #12262B)
Browse the whole catalog at Explore, or see today's palette.