Tempered Veranda color palette — #FCF0E0 · #9DA761 · #3D7249 · #5E394B · #211C06

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

The five colors

• Cream (#FCF0E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#9DA761): A luminous, balanced green — the color of fresh herbs.
• Pine (#3D7249): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#5E394B): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#211C06): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Summit color palette (#F6F1E7, #9BC088, #38856C, #6A4B52, #292913)
• Dusty Moss Boulevard color palette (#E7DFCB, #62A04E, #006450, #502D33, #131300)
• Cocoa Atelier color palette (#FCF5E1, #9A9F73, #5A6A3A, #74371B, #37352F)
• Straw Balcony color palette (#E8FBEE, #CDD887, #769560, #625F7C, #122E24)
• Antique Mint Market color palette (#FFEEE7, #FFCC95, #91BD7D, #8A5C7A, #36220F)
• Antique Delta color palette (#ECE0CD, #678500, #005131, #331F44, #0A0800)
• Cobalt Villa color palette (#FCEFE8, #8FD4E2, #2D84B7, #175D42, #2E172A)
• Misty Ember color palette (#FAE4D7, #E56429, #008C9C, #8D360A, #002126)

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