Tempered Cobalt color palette — #FAF4EE · #A2D1C0 · #5974BF · #00605D · #512E3F

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Pistachio (#A2D1C0): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5974BF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#512E3F): A deep, shadowed, dusty rose — the color of pressed rose petals.

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 Cerulean color palette (#FDF2EF, #88D4D7, #0384AA, #1F6235, #4A304B)
• Pale Sapphire color palette (#FFF2EA, #4DC8F2, #006DCB, #005749, #2C2963)
• Tempered Canyon color palette (#EAF4F4, #B2CBE0, #547FAC, #005773, #071F43)
• Petrol Parlor color palette (#C3EAE7, #00A7C4, #0077AF, #334687, #492F52)
• Ash Study color palette (#FBF4EE, #C8EAEB, #8299C5, #5E7659, #604C56)
• Chalky Courtyard color palette (#C1F1E0, #0082BF, #896600, #525B0E, #0F3329)
• Antique Mallow color palette (#E1FDF4, #D5D7FF, #DE9ECA, #268079, #4F3D4D)
• Cerulean Workshop color palette (#FAF3F6, #CCE3F8, #90B2F1, #009EAA, #363461)

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