Tempered Cobalt Veranda color palette — #FFF3E9 · #95D8FF · #577DC9 · #006761 · #413766

Azure and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Powder Blue (#95D8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#577DC9): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#413766): A deep, shadowed, dusty 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 Cobalt 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

• Gentle Cerulean Harbor color palette (#FFF2ED, #7DE1E7, #008BB7, #0C6A3A, #254068)
• Dusty Cerulean Garden color palette (#FDF3ED, #C1E7D0, #5790BF, #386E5C, #583E51)
• Frosted Bloom color palette (#E2F7F5, #9BD9FD, #3489C6, #005F75, #00254A)
• Sapphire Pier color palette (#FFF3E7, #73C1F5, #3D5DE3, #005654, #39255E)
• Washed Garden color palette (#FDF3F0, #CBEBE1, #69A3B5, #6E752D, #33514A)
• Weathered Raspberry Summit color palette (#FFE2EE, #E10092, #00828A, #1F6182, #4B1F35)
• Mustard Hollow color palette (#FFF1F0, #EDD6C3, #C7BD68, #705F97, #463E3C)
• Misty Powder Hollow color palette (#FEF1F7, #C8EAFF, #86B8FF, #00A5AA, #363870)

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