Tempered Cobalt color palette — #F7EFF3 · #A9CDE6 · #587BB9 · #005C54 · #20193F

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Sky (#A9CDE6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#587BB9): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#20193F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Pale Cobalt color palette (#FCECF8, #79C9DF, #0076BE, #005440, #100057)
• Forest Cabin color palette (#F5F0F6, #A2D0DC, #2688A3, #016115, #02223D)
• Wandering Periwinkle Lagoon color palette (#FAF4EF, #ABDDF6, #6596E1, #007D71, #393559)
• Softworn Raspberry Canyon color palette (#EBE2F0, #B8567B, #007F79, #036176, #2A0314)
• Patina Denim color palette (#F5E8F3, #6192A5, #004F72, #002D1B, #00001D)
• Hushed Basin color palette (#F0E0E6, #78A1C2, #3B4BAF, #00393A, #110026)
• Patina Studio color palette (#F7EDFF, #FFCCC0, #C5AF6D, #7E5C98, #2F1A2E)
• Weathered Mulberry Study color palette (#F0E3FA, #BE7898, #00907F, #990061, #00221D)

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