Tempered Veranda color palette — #EFF8F0 · #CDE0DD · #A7CBC9 · #966F20 · #152217

Ochre takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Silver (#CDE0DD): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A7CBC9): A luminous, dusty teal — the color of sea glass.
• Ochre (#966F20): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#152217): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Driftwood color palette (#F0F7F2, #D0DEDD, #A4B6BF, #9E8848, #27312A)
• Tempered Bronze color palette (#FCF2F7, #E4D6D5, #D7BAB5, #AF5D2F, #261A21)
• Timeworn Fern Corridor color palette (#ECF9F2, #CADEDE, #A8C1B9, #6C6100, #021009)
• Velvet Olive Hollow color palette (#C9F0DC, #817900, #002C21, #191A23, #000502)
• Dusty Corridor color palette (#EBF9F5, #CAE1E8, #AAC0DE, #4E9300, #032C26)
• Softworn Chestnut color palette (#F2EEE8, #D4CBBB, #ABA083, #6F4E00, #352C20)
• Washed Lagoon Delta color palette (#DAFFF0, #A9C19A, #638F6E, #356276, #102E42)
• Muted Pine Courtyard color palette (#E7FAF6, #94CB94, #338957, #5C5022, #011F03)

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