Patina Olive Drift color palette — #E8F6EB · #B5B78A · #687E4B · #525170 · #142D23

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

The five colors

• Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#B5B78A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#687E4B): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#525170): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#142D23): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Patina Study color palette (#E7F6F1, #A3CDC7, #628B8C, #675C74, #1E3633)
• Basalt Atelier color palette (#FCF4E9, #BAB089, #577F5A, #58547B, #4F4100)
• Hushed Olive Hollow color palette (#E6F7EC, #9CA671, #4C7136, #653833, #002319)
• Softworn Taupe color palette (#EEF9ED, #B5E8E8, #81AB7F, #6E7592, #233F33)
• Softworn Basalt Workshop color palette (#FBF4E9, #CFC4A0, #839869, #7D688D, #504100)
• Pale Bloom color palette (#CAEEDF, #79A455, #006E30, #5E2258, #0C1B00)
• Amber Quarry color palette (#FFEBF8, #CC7054, #3D9266, #5F659F, #2B1625)
• Worn Market color palette (#ECF5ED, #BBE4F4, #5099B1, #106D62, #0D2F46)

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