Tempered Veranda color palette — #E6F9FF · #00C6CD · #0084CF · #533B9C · #0C2900

Indigo and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00C6CD): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0084CF): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#533B9C): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#0C2900): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Linen Cobalt color palette (#EAF8FF, #00B9D9, #4A71CC, #5E3573, #002215)
• Aged Sky Field color palette (#ECF7FF, #62C7FF, #837ECE, #7C4672, #00332E)
• Petrol Coast color palette (#E5F9FF, #00A7A7, #0066AC, #45226C, #001106)
• Timeworn Courtyard color palette (#DFFCFA, #00D062, #008F99, #144F97, #232300)
• Ultramarine Chapel color palette (#E9F7E1, #009880, #3C4ABE, #6D002B, #1B1900)
• Amethyst Hollow color palette (#EEF6FF, #3E9CFE, #8339D3, #74004B, #001618)
• Wandering Sky color palette (#E3FBF8, #D4DFEB, #45BDED, #008693, #003955)
• Aged Periwinkle color palette (#DFFCFF, #00D5B3, #6096F7, #B14A87, #452900)

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