Tempered Veranda color palette — #FFF1F2 · #FFAE84 · #A17900 · #494A00 · #002409

Ochre and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFAE84): A luminous, balanced orange — the color of toasted spice.
• Ochre (#A17900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#494A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#002409): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Feathered Honey Cabin color palette (#FFF2ED, #F8B62B, #818400, #005423, #001F1D)
• Ember Ridge color palette (#FFF0FB, #FF9CAF, #CB5C00, #584100, #161D00)
• Charred Bronze Lantern color palette (#FDD5CA, #A56100, #423D00, #091800, #000201)
• Sunlit Marigold color palette (#FBE5D8, #FCA527, #BE8E00, #776F00, #243000)
• Feathered Moss color palette (#FFF2EE, #FFC87A, #9FA000, #007128, #002D27)
• Amber Grove color palette (#F7DCCE, #D28000, #7B5E00, #3A3700, #0D1300)
• Worn Moss color palette (#EDE1BE, #599F23, #005E3F, #002327, #000103)
• Nightshade Grove color palette (#FFF3E6, #FF7D72, #807400, #4400BB, #2A1000)

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