Tempered Cobalt Veranda color palette — #FCF2F8 · #88D1EA · #477CB1 · #00624F · #2F3A55

A conversation between Slate and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Sky (#88D1EA): A whisper-light, balanced blue — the color of open sky before noon.
• Slate (#477CB1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00624F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2F3A55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Tempered Cobalt 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

• Aqua Pier color palette (#FFF0FC, #1ACFDF, #0077A4, #005935, #102E6A)
• Worn Iris Canyon color palette (#FCF2F5, #BFE1FF, #7787BF, #057071, #434560)
• Cerulean Courtyard color palette (#F1F3E7, #B1D0BF, #3686A9, #005A64, #00281D)
• Weathered Ash color palette (#EAF8FF, #C1D7FF, #C197C8, #357D6F, #273F53)
• Powdered Teal Station color palette (#C4EBDF, #00B1B1, #007D96, #005283, #333B60)
• Pale Bronze color palette (#C8EAFF, #0086AA, #9D5900, #675400, #122F3E)
• Antique Periwinkle color palette (#E6F5FF, #4BABF1, #00678F, #003E61, #00283E)
• Antique Lagoon color palette (#FEF3EC, #C9E9D7, #7CB8EA, #00A196, #2A395D)

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