Tempered Cobalt color palette — #FDF2F5 · #95CCF3 · #5D75B8 · #00605E · #3E3357

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

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Sky (#95CCF3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5D75B8): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3E3357): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cerulean Balcony color palette (#FCF1FB, #93D2D5, #0A84AB, #1C6236, #233B5C)
• Cobalt Loft color palette (#FFF0F8, #3BC9F5, #006EC8, #005749, #2C2A61)
• Cobalt Pier color palette (#F0F3E9, #A3D3C4, #487FB8, #005773, #2E162E)
• Hushed Cypress Veranda color palette (#FBF2F6, #D9DEEF, #849ABE, #417A76, #4D5165)
• Powder Bloom color palette (#F9F4EF, #BDECDD, #8EB1F8, #009EAC, #38355A)
• Patina Glacier color palette (#DBFDFF, #8DE3FF, #A5ABE5, #53724B, #214350)
• Weathered Teal color palette (#D4FAFF, #00BDBB, #006F75, #004047, #002425)
• Cerulean Station color palette (#EEDFE9, #2B9FB5, #004E79, #003122, #080D38)

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