Tempered Veranda color palette — #ECF7FD · #B4E2ED · #3894A3 · #2D4B57 · #121D21

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

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Powder Blue (#B4E2ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3894A3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#2D4B57): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#121D21): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, muted, 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

• Washed Cobalt color palette (#F1F5FF, #FFE2A7, #656FB7, #2A3757, #0A0F1B)
• Aged Lilac Archive color palette (#F0F6FA, #D4DEEA, #B69FEE, #46A7C8, #1C1E27)
• Worn Field color palette (#EEF6FE, #FFCFD9, #77A4C7, #5C6F81, #232D35)
• Tempered Petrol Terrace color palette (#EAF5EE, #DFBAA6, #2D6A7B, #1E372A, #0A1710)
• Aged Blush Ridge color palette (#EAF8FE, #77D2EB, #E395A4, #A17852, #23343D)
• Lilac Corridor color palette (#EBFAEE, #C4E0FF, #A398D4, #8D6A4D, #354051)
• Wandering Coral color palette (#ECF7FE, #7CC0E5, #C8787F, #816121, #192F31)
• Mustard Grove color palette (#EDF6FF, #DDB55A, #005686, #001A2D, #000103)

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