Tempered Cobalt color palette — #E8DFD6 · #8ABDB0 · #536EC6 · #005764 · #211248

Built around Sapphire, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#E8DFD6): bright and airy, almost weightless.
• Mint Leaf (#8ABDB0): A luminous, dusty teal — the color of shallow lagoons.
• Sapphire (#536EC6): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005764): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#211248): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Worn Hollow color palette (#FDECE4, #83BCCA, #007DB3, #005A4E, #001C4A)
• Patina Summit color palette (#FFF1F5, #A0D1FF, #5B75C5, #00505B, #0E0428)
• Quiet Denim Basin color palette (#E0EDEC, #7FA3C4, #0054AB, #003A53, #0B1C43)
• Chalky Cornflower color palette (#DEE4D3, #96C5F2, #4191FA, #0076A3, #091B48)
• Ultramarine Station color palette (#E9DFD6, #6D9E8F, #204FB5, #003B40, #090028)
• Gentle Azure Courtyard color palette (#FFF2EB, #93D6EC, #0094DF, #007369, #102C6F)
• Dusty Teal Ridge color palette (#CFEBEE, #00A8B0, #00757D, #00383D, #000B0D)
• Periwinkle Harbor color palette (#CAE8C5, #89CFF2, #90A1EC, #00734B, #002E3A)

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