Worn Olive color palette — #F9F0EC · #C5EAE1 · #6CA5BE · #65722D · #402F41

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

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Honeydew (#C5EAE1): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6CA5BE): A luminous, dusty blue — the color of deep harbor water.
• Olive (#65722D): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#402F41): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Study color palette (#F7F1EA, #C5E7EB, #9199C2, #387679, #452F37)
• Cypress Boulevard color palette (#F5F6EE, #CAE3DD, #7FA389, #3A7B74, #375142)
• Turquoise Balcony color palette (#E2F9E6, #00B1BD, #B97C68, #9A6B5C, #1E2B20)
• Muted Villa color palette (#E9F6ED, #64C3D9, #CB868E, #397C8C, #462820)
• Muted Lagoon color palette (#FAF3F8, #D4D6E9, #84BBCE, #59957A, #3F5569)
• Worn Mint color palette (#EAF4CE, #66D2BC, #2C9C9D, #29657B, #1A3C34)
• Soft Villa color palette (#FCEFE7, #79E0FF, #2087D9, #006450, #1C1E4E)
• Cerulean Dune color palette (#F1E0D8, #178798, #004061, #002014, #00000C)

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