Tempered Veranda color palette — #CBE6EC · #007CA2 · #004073 · #0B005A · #0B002C

Built around Deep Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Frost (#CBE6EC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007CA2): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004073): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#0B005A): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0B002C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Muted Onyx Meadow color palette (#DBF3F3, #008090, #003F54, #001C36, #030037)
• Faded Nightshade color palette (#D7EEF8, #0073BA, #051DAD, #1C0059, #17002A)
• Hushed Veranda color palette (#DAECEB, #008FAF, #005699, #1C008E, #110025)
• Antique Abyss Alley color palette (#DBE9F0, #92ADC3, #6C819C, #003F4C, #04161F)
• Chalky Nightshade Chapel color palette (#DDEFFF, #00A3AA, #0071AA, #452CAD, #000A1E)
• Charred Balcony color palette (#FBEFD4, #00617C, #050098, #330600, #000D18)
• Charred Navy color palette (#CBE5FC, #003C64, #0A0D14, #030129, #000206)
• Inked Onyx Pier color palette (#D6EEFF, #00516F, #490048, #200F00, #000A05)

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