Tempered Veranda color palette — #E7FAF5 · #5BA4E7 · #777DC6 · #8F5987 · #1F3932

A conversation between Cornflower and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#5BA4E7): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#777DC6): A luminous, balanced violet — the color of wild irises.
• Slate (#8F5987): A full-bodied, balanced pink — the color of peonies in June.
• Deep Forest (#1F3932): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

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

• Worn Iris Studio color palette (#FDF4E6, #BE993B, #6C8CD8, #A0574C, #36322C)
• Washed Aqua color palette (#ECFAE8, #64CEC4, #96ACE3, #9883BF, #2A3727)
• Powdered Peony Pier color palette (#E7FBF1, #32ADD9, #BC71AE, #8A6918, #1E392D)
• Timeworn Balcony color palette (#E2FBFE, #61C7B4, #B18FBF, #8E5F90, #092A2E)
• Dusty Workshop color palette (#FFF3E9, #66C6A9, #378BD2, #8D5229, #2F4331)
• Faded Indigo Meadow color palette (#F1F8EB, #3AAF8F, #766FD3, #7A5000, #252F1B)
• Hazy Scarlet color palette (#DBF6E6, #009FC1, #CC5353, #1C7428, #142C20)
• Iris Terrace color palette (#F4F7EC, #9ED4A6, #7787E2, #3F9553, #2C1F29)

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