Patina Olive Terrace color palette — #ECF9EF · #A58333 · #417224 · #00544E · #552A1D

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Caramel (#A58333): A luminous, balanced gold — the color of honey in a jar.
• Olive (#417224): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00544E): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#552A1D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Hushed Canyon color palette (#EEF8F4, #979E62, #348163, #0D5D6E, #583742)
• Weathered Olive Lantern color palette (#EDF8F1, #8CBCA7, #6B7C29, #724D5D, #2F493E)
• Feathered Bloom color palette (#FDF1F9, #C46D53, #7C5F00, #2A5416, #4F2A3D)
• Bronze Lagoon color palette (#CCF0D2, #BDA250, #867400, #635B00, #464A20)
• Dusty Atelier color palette (#CDF3DA, #836C00, #005C20, #003B3E, #3A1A00)
• Airy Basin color palette (#FFF1F6, #FFCBB6, #F5960D, #B68900, #2E492D)
• Emerald Station color palette (#E2FCF6, #409400, #006862, #004566, #3C2F00)
• Ember Meadow color palette (#FEEBF8, #D46B4C, #27754C, #353C6B, #161B3B)

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