Tempered Veranda color palette — #EEF7F7 · #DADCE8 · #8CC0F2 · #3E8DAB · #2A415C

A conversation between Sky and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#DADCE8): bright and airy, almost weightless.
• Sky (#8CC0F2): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3E8DAB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#2A415C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Lagoon color palette (#EEF7F5, #D2E1EE, #82C9CC, #2F9580, #1B4554)
• Timeworn Cerulean color palette (#E9F9F6, #99D8E1, #0089A0, #005150, #000F16)
• Wandering Loft color palette (#F4F6F0, #BFE7D9, #488FCF, #006C8B, #563E56)
• Denim Garden color palette (#D7EBE9, #74ABC0, #005C7E, #002A31, #000103)
• Misty Peony Lagoon color palette (#FBF1FF, #FFC0D0, #98BAFF, #C46883, #283859)
• Antique Boulevard color palette (#FEF0FE, #E8D5D8, #AFAFA4, #CC94A1, #5A4558)
• Gentle Blush color palette (#FDF0FF, #FF98A9, #CDA263, #9E83C3, #362339)
• Blush Alley color palette (#FFF0F9, #FFD1E6, #DF82A3, #A7596D, #62343A)

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