Tempered Veranda color palette — #FFF2E8 · #EAB11E · #738100 · #0F4F04 · #001811

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

The five colors

• Cream (#FFF2E8): bright and airy, almost weightless.
• Saffron (#EAB11E): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#738100): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#0F4F04): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001811): A deep, shadowed, dusty teal — the color of sea glass.

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

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 Bloom color palette (#FFF2EF, #F69C5C, #9E7100, #404300, #071600)
• Dusty Moss Hollow color palette (#FFF3E7, #D8C96A, #799700, #006836, #002D24)
• Airy Emerald color palette (#FFF5DA, #AEC643, #009328, #004C3D, #001A1C)
• Wandering Olive Harbor color palette (#FFF1F5, #D59400, #3F7F04, #501F7A, #171200)
• Antique Olive color palette (#F2E2C6, #ABA200, #347C00, #003522, #000505)
• Ancient Station color palette (#FCD5CC, #B3841C, #5D5C00, #003713, #00100D)
• Moss Meadow color palette (#ECE9C8, #5D9800, #006540, #002623, #000102)
• Eclipse Bloom color palette (#DBE9D3, #008660, #004946, #00171E, #000104)

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