Tempered Olive Veranda color palette — #EFF7F5 · #CDDCE0 · #97BCB9 · #4F7023 · #313E3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CDDCE0): bright and airy, almost weightless.
• Ash (#97BCB9): A luminous, dusty teal — the color of sea glass.
• Olive (#4F7023): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#313E3A): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Garden color palette (#F7F6EC, #D2DDD3, #ADC5BA, #788849, #3C3B31)
• Worn Fern Orchard color palette (#EBF4F1, #C7DAE1, #A5BCBF, #5E6B37, #16241F)
• Olive Garden color palette (#E6FBF3, #90A279, #42712D, #494F25, #203B35)
• Petrol Terrace color palette (#EFF7FA, #D1DBEB, #A2C1D6, #007884, #2C444D)
• Aged Denim color palette (#E7F0F5, #C1CED7, #8DA4B7, #005F72, #1F313A)
• Patina Canyon color palette (#DEEDED, #97AEB1, #548993, #00432C, #001819)
• Petrol Archive color palette (#BEE7EE, #84ADB9, #3B7C8E, #4E5077, #463553)
• Clover Summit color palette (#E4FBF8, #B5DD71, #4AC260, #008C69, #193E25)

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