Tempered Veranda color palette — #F1F3E6 · #ABBA96 · #458277 · #3C5E48 · #222B15

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3E6): bright and airy, almost weightless.
• Sage (#ABBA96): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#458277): A full-bodied, dusty teal — the color of glacier melt.
• Pine (#3C5E48): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#222B15): 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

• Weathered Basin color palette (#F5F2E7, #C8C5A0, #818942, #4A6960, #32312A)
• Antique Pier color palette (#F4F3DC, #77BA81, #007E5C, #3C4A72, #1F2300)
• Wandering Fern color palette (#FCF0DF, #ABA168, #606B32, #5A3B4C, #251A00)
• Patina Lagoon color palette (#E9F9F7, #9ECFD0, #49A192, #347D8C, #2A4849)
• Softworn Basalt color palette (#F9F5E8, #C7E6CB, #6FABA2, #598075, #353D00)
• Wandering Alley color palette (#EEF0E0, #669B7D, #006454, #303263, #0E1500)
• Cypress Archive color palette (#F5F1EA, #C0E7D5, #6493BA, #006B74, #1A2C4A)
• Lowlit Fern color palette (#E4E0CB, #406331, #003319, #001232, #000200)

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