Worn Olive Harbor color palette — #E6F6F2 · #A5BC8F · #B88AB7 · #607C43 · #342B4A

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

The five colors

• Ivory (#E6F6F2): bright and airy, almost weightless.
• Sage (#A5BC8F): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#B88AB7): A luminous, balanced pink — the color of peonies in June.
• Olive (#607C43): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#342B4A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn 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

• Antique Bronze color palette (#E9F6ED, #C1B37D, #849CCD, #847021, #223149)
• Olive Field color palette (#E9F9F6, #99BB8D, #AD89BA, #4E823A, #4D4868)
• Dusty Study color palette (#E5F5FA, #7FC1C1, #C4879F, #008284, #3A2944)
• Driftwood Alley color palette (#DFF8F4, #80A977, #AC7AA6, #93678F, #0E2D29)
• Hushed Stone Orchard color palette (#FDEDF3, #A4C4AE, #9A7885, #674F63, #1C312A)
• Misty Drift color palette (#DEF7FE, #41B8B7, #C47563, #007374, #44170D)
• Antique Cabin color palette (#E6F5FA, #D8B7D6, #3B6977, #113641, #07161B)
• Tempered Powder Courtyard color palette (#E0F8F1, #C5E2F5, #B9C5EC, #759980, #2C4040)

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