Tempered Veranda color palette — #FAF3F7 · #D7DFF1 · #7F9BC0 · #3A7C6F · #49526B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D7DFF1): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7F9BC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3A7C6F): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#49526B): A full-bodied, dusty violet — the color of wild irises.

Feels like: 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

• Antique Lagoon color palette (#F1F7F2, #D7DEED, #8FB7D6, #48949A, #435469)
• Patina Olive Workshop color palette (#EAF9F3, #ADB681, #9493C4, #70792D, #444C67)
• Hushed Meadow color palette (#F5F1EB, #C7E3E2, #78A899, #1C797F, #422E42)
• Washed Market color palette (#E9FAF0, #C6DCF7, #B0C2DC, #A88596, #3A5652)
• Patina Petrol color palette (#F7EAF6, #7DBEC2, #017297, #00532A, #0A2C5C)
• Antique Harbor color palette (#EEF8ED, #A8D3FB, #6A77CA, #00666A, #493461)
• Wandering Denim Meadow color palette (#E9DAE3, #62AAC3, #1A5996, #003F34, #191745)
• Ancient Veranda color palette (#FBE5EE, #5986A3, #15308B, #002221, #0D0025)

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