Worn Emerald Harbor color palette — #F5F7E3 · #97C788 · #DF8D6C · #5A9148 · #623421

A conversation between Olive Leaf and Camel, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#97C788): A luminous, balanced green — the color of new leaves after rain.
• Camel (#DF8D6C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#5A9148): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#623421): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Feathered Bronze Ridge color palette (#FDF4E3, #CBB861, #D48CA4, #94801E, #623042)
• Hushed Bronze Meadow color palette (#FEF3E6, #D1BB8F, #A68A62, #8D5D24, #403D36)
• Antique Olive Grove color palette (#F7F7E0, #A3C483, #58B1D6, #698D43, #1F4C3A)
• Jade Orchard color palette (#DBECC4, #00BB82, #C47800, #007D56, #432600)
• Worn Cypress color palette (#EFF9EA, #BCCC94, #268271, #114D42, #1D2419)
• Lagoon Workshop color palette (#EEF9EA, #85D6C7, #A5ACE6, #30A08F, #624157)
• Frosted Balcony color palette (#E6FAF7, #9FDF9E, #EB9FE4, #66B466, #463B5D)
• Tempered Pine Delta color palette (#F3F7EA, #76AF85, #9F77B5, #007A3C, #50355F)

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