Tempered Cobalt color palette — #FCF2F6 · #94CEEF · #5677B7 · #00605A · #313859

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#94CEEF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5677B7): A full-bodied, balanced violet — the color of wild irises.
• Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#313859): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Misty Courtyard color palette (#FCF1FC, #83E1DF, #008DAF, #1F6A2D, #204265)
• Cobalt Thicket color palette (#F0F4E8, #A7D2C3, #4D81AD, #005870, #042041)
• Soft Workshop color palette (#F8E9F5, #5FC3CD, #00719B, #005330, #182C53)
• Softworn Balcony color palette (#FBF2F6, #D8DFF0, #839BBC, #477780, #4C5266)
• Patina Apricot Orchard color palette (#F3F4FF, #FFD7F7, #E59787, #457496, #423E57)
• Gentle Orchid color palette (#E0E2FF, #A668E8, #3C6900, #00553A, #282844)
• Muted Periwinkle Pier color palette (#FAF4EF, #C0EBDB, #82B3FE, #009FA6, #343560)
• Timeworn Denim color palette (#FAE9F6, #3F9EAE, #004F75, #003220, #050E37)

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