Tempered Veranda color palette — #EFF8F2 · #4492A2 · #915A6F · #6A4000 · #31332C

Bronze and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Cerulean (#4492A2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#915A6F): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#6A4000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#31332C): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Chestnut Courtyard color palette (#EBF9F4, #679FC5, #915B85, #724A06, #134E3C)
• Hushed Bronze Pier color palette (#FAF2FA, #6581B2, #9A5843, #4A5209, #2B3C2D)
• Wandering Study color palette (#F3F7EC, #568B72, #765B8E, #7D333C, #35322C)
• Hushed Pewter Garden color palette (#EBF5ED, #3E97A6, #7F559B, #4C4905, #142018)
• Chestnut Ridge color palette (#FCF4E8, #84B4A0, #6774A5, #874429, #304F47)
• Softworn Driftwood Field color palette (#E9F9FC, #56AEA4, #AB70A3, #5D6B3B, #27393D)
• Airy Alley color palette (#E4FCF0, #007BA3, #9E003F, #4C3800, #002C24)
• Ancient Ridge color palette (#F8EEF8, #5C7FA9, #473742, #312332, #131C1C)

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