Olive Harbor color palette — #F2F3EA · #CFDCD4 · #AEC3BC · #617F53 · #2C2D25

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3EA): bright and airy, almost weightless.
• Silver (#CFDCD4): a clean, paper-quiet neutral.
• Stone (#AEC3BC): A luminous, dusty teal — the color of sea glass.
• Fern (#617F53): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#2C2D25): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns 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 Chestnut color palette (#F5F2E7, #9ABF95, #44836C, #655400, #272915)
• Timeworn Grove color palette (#EEF7F5, #D2DEE4, #B6C2D1, #657D52, #3C4C48)
• Aged Petrol Parlor color palette (#EBF5EE, #C3DCDF, #C1B2BD, #197080, #1A231D)
• Spruce Dune color palette (#DAE2D7, #7D9483, #557268, #00322B, #000200)
• Antique Boulevard color palette (#E0E9D6, #008A66, #213726, #13180D, #060703)
• Chestnut Villa color palette (#ECEEC7, #7FC5B7, #6D9181, #894930, #5D2105)
• Jade Courtyard color palette (#FFEEE3, #78AD65, #007B7B, #66324E, #1F2610)
• Abyss Harbor color palette (#E1F1E8, #BFACC0, #9D8594, #004B60, #010E07)

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