Tempered Cobalt color palette — #F0DEED · #476CC3 · #45263C · #261A25 · #110B0D

A conversation between Royal Blue and Espresso, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#F0DEED): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#476CC3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#45263C): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#261A25): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#110B0D): a grounded near-black with real depth.

Feels like: Creativity, 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

• Worn Violet Cabin color palette (#F4DEE4, #8959A4, #46282E, #2C181E, #130A0A)
• Hushed Meadow color palette (#D7E6FA, #528BF5, #484B65, #272E38, #13191D)
• Softworn Petrol Courtyard color palette (#D8EAE2, #007BA8, #103A31, #10241C, #070F0E)
• Softworn Study color palette (#EDE0EB, #7DAAF7, #846670, #544452, #101B16)
• Inked Loft color palette (#F7E0ED, #5E00E6, #270C46, #0D0528, #0D0103)
• Scarlet Orchard color palette (#FFF1F4, #A96BC2, #C84A4F, #226CAD, #4A2F36)
• Moonless Mulberry color palette (#FFE8EA, #8D0087, #1D1A0D, #320423, #160306)
• Lowlit Canyon color palette (#F4D8E0, #3F3C35, #440065, #1C0E03, #0B000D)

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