Tempered Cobalt color palette — #F1F3EB · #A8D3C1 · #2083BF · #00586C · #002720

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Pistachio (#A8D3C1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2083BF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00586C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002720): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Petrol Ridge color palette (#F1F4E3, #72CAE2, #007DA1, #005157, #001D2C)
• Cerulean Parlor color palette (#E4E5D9, #3D98A5, #005362, #002C2B, #000509)
• Tempered Azure Corridor color palette (#F1F3EC, #C5E1E1, #5FA5D0, #367584, #1F3D35)
• Muted Pier color palette (#DDF3F8, #00A7CC, #006F94, #004363, #002642)
• Ancient Raspberry Pier color palette (#D3F1E8, #4097DE, #BF459A, #005991, #2F0D25)
• Patina Parlor color palette (#F6EAF6, #457CC9, #9F3DAA, #006966, #1F0B1F)
• Washed Powder Field color palette (#FDEBFF, #C9DCFF, #AEB3FF, #2F77A2, #331E34)
• Denim Thicket color palette (#DFE4D4, #69A2D1, #0058A4, #00364B, #000727)

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