Tempered Veranda color palette — #F8F1E4 · #A1A568 · #51702D · #523C5F · #231C00

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

The five colors

• Cream (#F8F1E4): a clean, paper-quiet neutral.
• Sage (#A1A568): A luminous, balanced green — the color of new leaves after rain.
• Olive (#51702D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#523C5F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#231C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Wandering Olive Lagoon color palette (#FAF1DD, #A0B15D, #397E0D, #6F3B34, #262100)
• Hushed Cabin color palette (#EAFBE9, #9CA060, #407044, #444963, #203C31)
• Dusty Forest Boulevard color palette (#ECE8DB, #799957, #006726, #572B1B, #141300)
• Aged Terrace color palette (#E6E7CF, #39AD70, #006B57, #6F1040, #001C0C)
• Softworn Mustard color palette (#EAFAEF, #B6BB67, #6C8C4A, #615E84, #233B32)
• Quiet Grove color palette (#EDE7D8, #6B8422, #115204, #3C1941, #060900)
• Spruce Field color palette (#F1F3E8, #BBC9AB, #529088, #775952, #243800)
• Tempered Canyon color palette (#FFEEE4, #F3CDA8, #C2AC52, #985A5D, #311C07)

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