Tempered Cobalt color palette — #FFF0FC · #9FB5F2 · #C69D52 · #617BCC · #46423B
Periwinkle takes the lead with Camel close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#9FB5F2): A luminous, balanced violet — the color of wild irises.
- Camel (#C69D52): A luminous, balanced gold — the color of old brass.
- Periwinkle (#617BCC): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#46423B): quiet, heavy and certain.
Feels like: Optimism, Creativity, Balance. Tagged 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 Cobalt color palette (#E8FAF3, #78C1ED, #C99C50, #0D8AC2, #583C02)
- Wandering Violet color palette (#FFF1F5, #C8A8E3, #CE9A4F, #946CB5, #5A3B04)
- Airy Periwinkle Lagoon color palette (#FDF1FB, #B3CCFF, #DFB955, #719BFA, #46423B)
- Timeworn Taupe color palette (#FFF0FC, #8BA2E3, #AB984A, #708949, #462F42)
- Ultramarine Cabin color palette (#EFF6FF, #899FCF, #AA830E, #3A5FBA, #533F0B)
- Wandering Pewter color palette (#FDF1F7, #A7D1AA, #7069A0, #573649, #2C1C25)
- Patina Lapis color palette (#FFD7F0, #A1A5FF, #8C9400, #520AEC, #2E3100)
- Worn Cerulean color palette (#FFEFFF, #E9DAD8, #F3C0AD, #5E9AAD, #5F4757)
Browse the whole catalog at Explore, or see today's palette.