Tempered Cobalt color palette — #FDF1F8 · #F4D4C6 · #6E6FAA · #4D2C41 · #160B12

Slate and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Bone (#F4D4C6): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#6E6FAA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#4D2C41): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#160B12): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Wandering Driftwood color palette (#FDF2F4, #E3DCD1, #977A9D, #5B3C43, #24171A)
• Softworn Plum Terrace color palette (#FFF1F1, #FFCCB2, #9B4A7A, #4F1339, #140203)
• Worn Parlor color palette (#FEF0FA, #E4D4A9, #8791C7, #565F91, #2B1C27)
• Petrol Alley color palette (#EAF9F4, #C3F4CF, #447DA4, #1A4036, #03130E)
• Wandering Denim Bloom color palette (#ECF2FE, #BBB67F, #434C98, #1E2348, #080C17)
• Muted Orchard color palette (#FFF0F8, #B2A4FA, #D2858D, #1A808E, #311D28)
• Tempered Lilac Canyon color palette (#FBF2F5, #F2D3EA, #D07EB6, #9C73CC, #1E0C0D)
• Weathered Mallow color palette (#FFF2EA, #F6B4E0, #BE7B8E, #7F5C2C, #482727)

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