Tempered Cobalt color palette — #F7F3FF · #FFD1DF · #DABA8C · #787DB2 · #46344F

Slate Blue and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD1DF): A whisper-light, dusty rose — the color of a warm blush.
• Sand (#DABA8C): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate Blue (#787DB2): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#46344F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, 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

• Muted Driftwood color palette (#FFEFFF, #ECE4C1, #C1D292, #9B6E9D, #4E3145)
• Washed Lantern color palette (#F8F2FF, #EFD6CF, #E8C09C, #BF96D8, #413549)
• Tempered Harbor color palette (#FFF1F2, #F3D6BD, #EAA38D, #875395, #573331)
• Sand Garden color palette (#FFE6F0, #E5CF82, #83C59C, #AE666C, #4A3207)
• Quiet Petrol Workshop color palette (#E7DDF7, #F3A8A5, #C39B54, #6D5BA1, #380E1E)
• Hushed Powder color palette (#FFF0FE, #C7EDF2, #A4CCE5, #A598BA, #594652)
• Timeworn Summit color palette (#F6E9FB, #9FC088, #914861, #542234, #1C1120)
• Tempered Bronze Garden color palette (#F4E2EE, #D0A57A, #B16B57, #7C4A57, #1A3826)

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