Tempered Veranda color palette — #FDF5E0 · #B2A024 · #40A197 · #955C60 · #35332C

Mustard and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF5E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B2A024): A luminous, balanced green — the color of new leaves after rain.
• Turquoise (#40A197): A luminous, balanced teal — the color of glacier melt.
• Pewter (#955C60): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#35332C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Hushed Pier color palette (#F6F7E6, #70B353, #369EB8, #96603C, #33332D)
• Wandering Amber color palette (#FFF3E9, #E6802F, #749D61, #8B5C87, #38322D)
• Timeworn Thicket color palette (#FAF6E0, #85C47E, #389B75, #2B6A8D, #3C3E37)
• Tempered Sunflower Market color palette (#F7F5ED, #C1CF5D, #49A56A, #7E8736, #222616)
• Airy Moss color palette (#D8EEB6, #709500, #008793, #953400, #192400)
• Washed Harbor color palette (#FBF5E6, #93812E, #3D76A2, #604676, #36332C)
• Cobalt Corridor color palette (#E3F5DA, #00A690, #577ECB, #705F1E, #1E2B17)
• Timeworn Thicket color palette (#F6F6ED, #D5E0D4, #BAC5BB, #83976C, #49483D)

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