Tempered Veranda color palette — #FFF0F9 · #62C7E5 · #0074B1 · #00574E · #0F2C71

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#62C7E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0074B1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#0F2C71): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Softworn Forest Atelier color palette (#FFF0FA, #78C8C5, #007B8F, #005932, #003751)
• Misty Harbor color palette (#EAFBE8, #91BCE6, #4762D0, #005460, #36216A)
• Petrol Canyon color palette (#F1F4E4, #77C9E3, #007DA3, #005059, #001D2D)
• Cerulean Corridor color palette (#EAF9F7, #8AD8F1, #009AC9, #00717C, #003752)
• Feathered Denim Chapel color palette (#EBDEE5, #61A9C7, #035A98, #003E3C, #10174C)
• Linen Sky Meadow color palette (#FFF2EA, #9BE7FF, #44B4FE, #00998B, #142E69)
• Aged Petrol Pier color palette (#FBF2F6, #D8DFF0, #819CBA, #457785, #485269)
• Tempered Field color palette (#FCDCCA, #AE5400, #006E8E, #384982, #3C1900)

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