Tempered Veranda color palette — #F8F5E9 · #CBD6AE · #419B93 · #82516F · #242C05

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

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Pistachio (#CBD6AE): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#419B93): A luminous, balanced teal — the color of sea glass.
• Graphite (#82516F): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#242C05): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, 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

• Emerald Summit color palette (#FCF4E9, #CCD6A5, #529C68, #795E2F, #2F2800)
• Turquoise Station color palette (#F5F6EC, #BEEAD5, #60ABB8, #996571, #2F3D25)
• Tempered Garden color palette (#E6FBF1, #70AC79, #1D7166, #514464, #133D3A)
• Dusty Orchard color palette (#F6F3DE, #83AD79, #25754E, #4C4540, #1C1E08)
• Worn Fern color palette (#F8F6E5, #95C9AB, #008886, #495900, #001F10)
• Linen Orchid color palette (#F6F8DC, #91CC74, #AC61BD, #A93E76, #0D2102)
• Worn Olive color palette (#E7E0D1, #5D8849, #004736, #211B00, #000200)
• Tempered Periwinkle Lagoon color palette (#FBF4ED, #C5E3F8, #929FED, #007E83, #37234C)

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