Patina Olive Harbor color palette — #D1E7D9 · #AFAB5F · #7C8630 · #8D4F52 · #1E1C00

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

The five colors

• Celadon Mist (#D1E7D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AFAB5F): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#7C8630): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#8D4F52): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#1E1C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Linen Olive color palette (#D2E6DE, #81A64F, #408325, #7B4532, #091300)
• Timeworn Moss Canyon color palette (#D6EADE, #BDBE86, #899B3C, #966A47, #033122)
• Timeworn Fern Chapel color palette (#D7E9D8, #99964C, #476D29, #3F3D74, #1D1C00)
• Worn Lagoon Quarry color palette (#D3E4E0, #7FB784, #3D9263, #256F7C, #002206)
• Ember Drift color palette (#EDDCD7, #EE4D09, #918600, #AE42A3, #260500)
• Pale Scarlet color palette (#FBE9F7, #F96652, #71A000, #D11400, #131F00)
• Cypress Ridge color palette (#D1E9E6, #569977, #00735A, #614111, #000803)
• Rust Ridge color palette (#FEE7F5, #FFB887, #D7A86D, #C26359, #3D1600)

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