Weathered Harbor color palette — #D2E4FF · #00A6AD · #5D9200 · #011D10 · #000B08

Olive Leaf and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D2E4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00A6AD): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#5D9200): A full-bodied, vivid green — the color of new leaves after rain.
• Ink (#011D10): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B08): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged neon, dark, vibrant, cool.

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

• Worn Emerald color palette (#E4DECE, #00A0D1, #009862, #07181F, #000707)
• Aged Amber color palette (#E8D9F1, #00AEAD, #AD8600, #231900, #0C0601)
• Sunlit Clover color palette (#E5EDFF, #00C2C9, #00B74C, #08353C, #051C1A)
• Wandering Garden color palette (#DEF4F6, #00AE62, #9F7B00, #121505, #000702)
• Emerald Dune color palette (#E1EDDF, #009650, #00593B, #002D24, #00161B)
• Worn Bronze color palette (#F9EAFA, #009199, #8D6D00, #0E0900, #000200)
• Worn Corridor color palette (#FAE6FF, #67A5FF, #00A8A3, #112333, #021115)
• Softworn Loft color palette (#E2E0EE, #007FA8, #007659, #080F14, #000202)

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