Patina Olive color palette — #ECF4F2 · #D0D9DC · #AEC0CC · #5F804E · #232F2D

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Silver (#D0D9DC): a clean, paper-quiet neutral.
• Ash (#AEC0CC): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5F804E): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#232F2D): quiet, heavy and certain.

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

Use it as a design system

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

• Wandering Pine color palette (#E6F6F0, #A0BD96, #39875B, #335F51, #122D29)
• Patina Bronze color palette (#F6F6ED, #D4DED7, #AEC6C1, #7E772D, #49483D)
• Aged Quarry color palette (#ECF3F6, #D2D6E2, #A9B9CB, #007182, #192226)
• Dusty Denim Alley color palette (#D0EEEC, #91BEC6, #60899D, #5D5174, #3F3043)
• Aged Garden color palette (#EFF7F5, #D1DFE6, #C9C3CD, #91A771, #38423F)
• Wandering Spruce color palette (#DAE5E3, #8BA6A7, #57848E, #004313, #000605)
• Pine Veranda color palette (#DAF0F1, #008A62, #093740, #05191A, #020807)
• Aged Abyss color palette (#E4EDF3, #A9B5BF, #7D8FA9, #004B60, #010C15)

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