Weathered Olive Harbor color palette — #D0E8F7 · #008BB1 · #4E7500 · #004257 · #010100

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

The five colors

• Frost (#D0E8F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008BB1): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#4E7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Weathered Olive 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

• Wandering Cornflower color palette (#DFEDFF, #367CDC, #007A52, #00387D, #000201)
• Lapis Quarry color palette (#C2E6EE, #009189, #603FE4, #004641, #010009)
• Antique Fern color palette (#D2E6DC, #006986, #385600, #003242, #091300)
• Misty Chapel color palette (#C9EDFF, #007197, #6C11CA, #005037, #000103)
• Ancient Cocoa color palette (#DFF3FF, #006388, #792F00, #002E41, #080100)
• Pale Bronze Thicket color palette (#CEE7F6, #009CC2, #B46C00, #006D88, #1A0B00)
• Azure Field color palette (#CBE7FF, #2D9FF3, #005485, #00192E, #000103)
• Weathered Studio color palette (#ECF6FF, #ADD1FF, #849EFF, #005A78, #000714)

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