Weathered Harbor color palette — #C3EFEE · #988700 · #007146 · #00424E · #000503

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

The five colors

• Honeydew (#C3EFEE): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#988700): A luminous, balanced green — the color of fresh herbs.
• Pine (#007146): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00424E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light, 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

• Sunlit Bronze color palette (#D3FAED, #B77300, #4A6800, #004039, #010700)
• Sunlit Olive color palette (#C1EEF7, #438E00, #006962, #003E72, #000507)
• Chalky Pine color palette (#E7F0CE, #BB8C00, #009148, #00627D, #000403)
• Muted Cypress Delta color palette (#EBF2E6, #007F64, #004A5B, #3C151D, #230500)
• Forest Coast color palette (#CDEDD5, #006854, #003838, #00191D, #01050E)
• Lagoon Archive color palette (#F8EAF3, #009390, #004450, #002411, #000B14)
• Worn Lime color palette (#E3EACD, #9CB200, #00AC60, #008282, #000502)
• Pale Orchard color palette (#C3EAF6, #00BE71, #008B95, #155BB4, #00181F)

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