Tempered Veranda color palette — #DBF6F9 · #008CB0 · #005D96 · #00277C · #130042

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

The five colors

• Frost (#DBF6F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008CB0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D96): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00277C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#130042): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Gentle Lagoon color palette (#C7F4EE, #00909B, #005F7B, #003552, #00113B)
• Timeworn Meadow color palette (#C1EDF3, #0090B2, #00527B, #000F5F, #020011)
• Quiet Archive color palette (#D0EBF6, #0086CD, #004AB1, #2A029D, #1D0039)
• Hushed Summit color palette (#DAE8F7, #B4AEEB, #C977B9, #006A7D, #040F3D)
• Feathered Cobalt color palette (#D7E6F6, #007BCE, #8B5B00, #00477B, #190C00)
• Chalky Harbor color palette (#D2EEFF, #006AD1, #352CB9, #32005F, #10001B)
• Hazy Ultramarine color palette (#DDEAFF, #4482F2, #0245CE, #0D007E, #000013)
• Dusty Ultramarine color palette (#C3E5F0, #24B4F9, #0073DC, #3C31D6, #381D76)

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