Tempered Cobalt color palette — #EEF2F8 · #D7D5DC · #B3AAB0 · #6D82B2 · #31363F

A conversation between Slate Blue and Deep Teal, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D7D5DC): bright and airy, almost weightless.
• Ash (#B3AAB0): soft and architectural.
• Slate Blue (#6D82B2): A luminous, dusty violet — the color of a velvet chair.
• Deep Teal (#31363F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Patina Grove color palette (#F2F1F7, #DED4DB, #C7B8C0, #95608C, #2E2937)
• Driftwood Harbor color palette (#F9F3F8, #E1D7D8, #B0ADA1, #967594, #565155)
• Hushed Cocoa color palette (#FEECF9, #AFA3D4, #8D6899, #7B3D34, #292A3D)
• Tempered Pewter Alley color palette (#F1F0FF, #C6BED4, #9D90A5, #7F5F6C, #3A473A)
• Aged Cabin color palette (#EBF4F1, #A5CDC5, #5B8E88, #476772, #1B3732)
• Lilac Dune color palette (#EDF1FF, #DBD2ED, #D7B4E4, #B184D5, #262943)
• Worn Garnet color palette (#E1DDE5, #A69BAC, #88738D, #630047, #06020D)
• Softworn Driftwood color palette (#EBEDF7, #8479B0, #39394C, #1A1D2E, #0A0C13)

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