Tempered Cobalt color palette — #F5E9F5 · #4183D8 · #49343F · #231B23 · #080E0B

Built around Azure, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Blush (#F5E9F5): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#4183D8): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#49343F): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#231B23): quiet, heavy and certain.
• Ink (#080E0B): quiet, heavy and certain.

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

• Weathered Violet Atelier color palette (#F9E8EE, #9669C9, #493536, #271A1F, #0F0B0E)
• Cerulean Study color palette (#E2F2E6, #0094A3, #2C403A, #172119, #0A0E09)
• Hushed Canyon color palette (#EAF3FD, #799DD0, #51586A, #323941, #1C2227)
• Wandering Dune color palette (#FFECF5, #A08DDD, #93914C, #6A8157, #33212A)
• Inked Lapis Coast color palette (#ECDBE6, #553FFC, #361E41, #1C0816, #000503)
• Worn Lilac color palette (#FFEBF6, #B0A8F5, #95A465, #706A9B, #32312A)
• Muted Cypress Hollow color palette (#F8F0EB, #C1ECEC, #AD91B2, #3B7674, #41303D)
• Gentle Powder Lantern color palette (#C4F8EA, #93B4F9, #8379BE, #685881, #4F3137)

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