Tempered Veranda color palette — #EDF7FF · #5698C3 · #6C7DAC · #864C4E · #323F4A

Cerulean takes the lead with Coffee close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Cerulean (#5698C3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6C7DAC): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#864C4E): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#323F4A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, 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

• Timeworn Market color palette (#EFF6FF, #5480CA, #906838, #744700, #253447)
• Patina Thicket color palette (#EAFAEB, #72B6B2, #66769E, #6E5527, #334B58)
• Lagoon Dune color palette (#E6FAFB, #5BA183, #9E707F, #7D4F5F, #2D4142)
• Wandering Basin color palette (#EEF7FA, #D9DAE2, #B4A9AB, #5A8A9E, #4B5458)
• Tempered Aubergine Orchard color palette (#DFFCFF, #84C7CF, #5D8CB7, #4D578B, #5F3769)
• Ancient Teal color palette (#EBF8FB, #51A99F, #935D76, #5C551F, #304421)
• Timeworn Terracotta color palette (#DCF2FF, #007D99, #9B3D47, #424A00, #0D2A38)
• Softworn Bronze Veranda color palette (#E8F9FC, #74BAB4, #BE89A6, #AD6350, #294247)

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