Olive Studio color palette — #E7F6EF · #92BEB0 · #5B823C · #2F5E5B · #142D26

Olive Leaf takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Ash (#92BEB0): A luminous, dusty teal — the color of glacier melt.
• Olive Leaf (#5B823C): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#2F5E5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#142D26): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Weathered Workshop color palette (#E9F5F3, #A7CBCA, #4D9377, #4B676C, #233534)
• Patina Pine color palette (#E6F6F1, #8AAC75, #3E733E, #005154, #04221D)
• Weathered Archive color palette (#F0F8F0, #B3EBEC, #83AC6E, #547E85, #273E34)
• Tempered Olive color palette (#F9F5E7, #BCCD8F, #7F9968, #6E7933, #4C4300)
• Abyss Atelier color palette (#E0F3EE, #558654, #005229, #003037, #000B01)
• Timeworn Peony color palette (#EBF2FF, #708BCF, #B457A6, #007A80, #131E31)
• Tempered Chapel color palette (#B5E8FD, #58AEDB, #007FBB, #004E84, #1B324B)
• Tempered Boulevard color palette (#EAF3FF, #D7D3E5, #CBC1FF, #6188AC, #253145)

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