Tempered Veranda color palette — #F7EEE1 · #4CABE6 · #0065C0 · #004855 · #070E37

Built around Cobalt, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Cream (#F7EEE1): bright and airy, almost weightless.
• Cornflower (#4CABE6): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0065C0): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Teal (#004855): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#070E37): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Hollow color palette (#F5EDE0, #47B2C5, #007191, #004B45, #001626)
• Antique Petrol color palette (#E2F2F1, #97BCDA, #006BAF, #003B4D, #00020A)
• Feathered Navy Field color palette (#F5EAE1, #6596B6, #1A4590, #002F33, #120043)
• Cornflower Coast color palette (#ECDDE3, #84B7DA, #4980E0, #006C73, #120043)
• Weathered Cobalt color palette (#F3EEE5, #96CDEC, #4A8BC8, #006A77, #1D2D4E)
• Chalky Pier color palette (#FEF4E3, #A4E6FF, #43A5DF, #008285, #1C416A)
• Feathered Cerulean color palette (#FFF4E2, #72E0D9, #009FAC, #007654, #003947)
• Antique Turquoise Basin color palette (#F9F4ED, #C3F0E6, #7CBDCE, #798E6C, #3A5047)

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