Tempered Veranda color palette — #F5F6EE · #C1ECE3 · #6AA4B0 · #5D775A · #375143

Blue Fog takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Honeydew (#C1ECE3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6AA4B0): A luminous, dusty blue — the color of open sky before noon.
• Pewter (#5D775A): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#375143): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Petal color palette (#E6FBEF, #BEE8EB, #E7C5E8, #73907C, #46564F)
• Timeworn Powder color palette (#F1F7F2, #D3E0F1, #82BBCD, #5B9387, #3C5668)
• Hushed Turquoise Grove color palette (#EBF9EF, #5FC0D1, #A58CBE, #267F8E, #5F444E)
• Teal Hollow color palette (#EEEFE1, #2EB3B9, #00636E, #003E39, #00242C)
• Cerulean Corridor color palette (#DCFFEB, #8ADDFA, #3C91AC, #185566, #1B412F)
• Tempered Cerulean color palette (#EAECDE, #148FA8, #004356, #002225, #000B13)
• Petrol Courtyard color palette (#EDF0E4, #83B9DB, #116DAB, #004D61, #0D2E54)
• Dusty Canyon color palette (#FFF3E6, #D1B388, #A5753D, #83501B, #604100)

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