Tempered Veranda color palette — #EEF9ED · #00837D · #365BA8 · #4E3767 · #2A2F1D

Cobalt takes the lead with Teal close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#EEF9ED): a clean, paper-quiet neutral.
• Teal (#00837D): A full-bodied, balanced teal — the color of shallow lagoons.
• Cobalt (#365BA8): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#4E3767): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Forest (#2A2F1D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Creativity, Balance. 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

• Cerulean Corridor color palette (#EAFAEE, #009AAC, #3A639F, #533B6B, #114229)
• Cobalt Corridor color palette (#E1FCF4, #006EB6, #6D2977, #003B2B, #042111)
• Pine Canyon color palette (#F3F7E9, #008E4E, #006181, #5D3A00, #302D1A)
• Powdered Hollow color palette (#EDF5E7, #008C69, #72458B, #712822, #1A1401)
• Dusty Turquoise color palette (#C1FFFE, #26BECD, #00859F, #005872, #273663)
• Muted Aubergine color palette (#D2EEDF, #005C75, #501D81, #00360B, #011901)
• Cypress Veranda color palette (#F1F7F0, #D1DDDA, #AFC5C1, #39827C, #434A41)
• Feathered Nightshade color palette (#DDF8DE, #007072, #270EC4, #2A2E00, #001F13)

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