Tempered Cobalt color palette — #FAF4EE · #A5D0C0 · #5674C1 · #00605C · #3D3358

Sapphire takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Pistachio (#A5D0C0): A whisper-light, dusty teal — the color of glacier melt.
• Sapphire (#5674C1): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3D3358): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Aged Forest Thicket color palette (#FBF3F0, #B0CEB2, #0084AA, #00642C, #4A304B)
• Washed Chapel color palette (#FEF3EB, #5EC7E9, #006FC4, #005748, #2A266D)
• Patina Cobalt color palette (#EBF5ED, #A8CCEA, #527EB5, #005969, #12203A)
• Timeworn Periwinkle Parlor color palette (#FBF4EA, #ADDBFD, #6198DC, #00798D, #4D2E47)
• Hazy Coast color palette (#F1EFDF, #8AAB3D, #8146BD, #496000, #3E2A55)
• Washed Study color palette (#FDF2F6, #C5E4FF, #8CB2F5, #009EA9, #36355D)
• Hushed Cerulean Veranda color palette (#F8E6DD, #349FB3, #004E79, #003122, #080D37)
• Weathered Turquoise color palette (#FBF6DF, #BEECD1, #30BAD3, #8B6735, #40413A)

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