Tempered Cobalt color palette — #F7EFF7 · #517FB7 · #49363E · #302331 · #141C1B

Built around Cerulean, softened by Onyx — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EFF7): bright and airy, almost weightless.
• Cerulean (#517FB7): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#49363E): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#302331): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#141C1B): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Periwinkle Market color palette (#F9EEF9, #6E9EDD, #694F5F, #3F333F, #1C2421)
• Ancient Delta color palette (#E9F3FF, #82BAFF, #787A8C, #4E555F, #1D2326)
• Antique Pewter color palette (#F1DFE3, #8F589D, #452A25, #2D171D, #150A0B)
• Gentle Grove color palette (#F6E1EF, #4F4FDF, #391F3C, #111435, #031610)
• Antique Quarry color palette (#FFF1F6, #A18DBF, #8A8F4A, #4B7F4A, #553944)
• Midnight Nightshade color palette (#F1E3EB, #533AAF, #2B0C26, #17010E, #000604)
• Weathered Station color palette (#D3F6E7, #A6C0EA, #7A80BE, #745292, #6D4347)
• Antique Thicket color palette (#FEF1F6, #B7A7D2, #A6995A, #815FAD, #564D21)

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