Tempered Veranda color palette — #D0E8D9 · #0096B0 · #3D5CB7 · #5C286C · #00261C

Cobalt and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D0E8D9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0096B0): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#3D5CB7): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#5C286C): A deep, shadowed, balanced pink — the color of a candy shop window.
• Onyx (#00261C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Soft Archive color palette (#CCE9E0, #008CE0, #684BB5, #682357, #002622)
• Airy Lagoon color palette (#D8E7CC, #009D7C, #006E89, #2F3A80, #182400)
• Feathered Aubergine color palette (#D0E9D7, #007685, #592589, #541400, #132500)
• Aged Studio color palette (#DBF6E8, #007D9F, #0A3750, #011C11, #010602)
• Misty Cornflower Dune color palette (#DAECF9, #159EF6, #007AE0, #1A519A, #18295A)
• Cobalt Meadow color palette (#CCE7F9, #87B0DF, #6C7BB6, #7C5156, #4A2C2A)
• Powdered Cobalt color palette (#D8F9E4, #00DADD, #00C2E9, #0090D2, #002C3A)
• Ultramarine Summit color palette (#FDE7FC, #005DD5, #650090, #4C0023, #00090D)

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