Tempered Cobalt color palette — #F0F5FF · #677CC1 · #915073 · #155E5B · #2C3944

Slate Blue and Graphite set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Slate Blue (#677CC1): A full-bodied, balanced violet — the color of a velvet chair.
• Graphite (#915073): A full-bodied, balanced rose — the color of strawberry cream.
• Peacock (#155E5B): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#2C3944): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Antique Field color palette (#F3F4FF, #A388D0, #925E75, #764530, #2F445D)
• Aged Parlor color palette (#E8F8FF, #00909F, #635D90, #42532B, #233538)
• Bronze Loft color palette (#EAF3FF, #6D85B4, #935E40, #495821, #081F26)
• Driftwood Archive color palette (#F2F5FD, #DDD8E1, #B9A8A8, #78819C, #505258)
• Muted Violet Workshop color palette (#F0F0FF, #9662BC, #3D394F, #272732, #171419)
• Aged Mallow color palette (#F5F4FF, #C8AFF0, #9877AD, #714F76, #61385D)
• Hushed Plum Villa color palette (#F6F3FF, #A347A1, #92451E, #074470, #282B3D)
• Dusty Market color palette (#FAF2F9, #92A9DD, #A7765E, #606F3D, #2D3B2F)

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