Tempered Cobalt Basin color palette — #F4EAF1 · #6B7DCA · #4B3341 · #261A23 · #0F0B0F

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

The five colors

• Blush (#F4EAF1): bright and airy, almost weightless.
• Periwinkle (#6B7DCA): A luminous, balanced violet — the color of wild irises.
• Charcoal (#4B3341): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#261A23): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#0F0B0F): 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 Basin 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 Iris color palette (#EBF2FF, #7C93F6, #52576A, #333841, #1F2226)
• Washed Cerulean color palette (#E3F1EA, #258FB2, #214338, #12221B, #080E0A)
• Amber Orchard color palette (#FFECEF, #BA87BC, #CA7161, #5979AC, #352125)
• Hushed Delta color palette (#F8E4E5, #AD4A93, #4A2422, #240F11, #0A0505)
• Midnight Amethyst color palette (#F7E3EC, #7A3CDC, #37194C, #1E0713, #080105)
• Tempered Iris color palette (#FFE1F2, #B8ABE9, #957BC8, #6C5486, #452730)
• Amber Alley color palette (#FAEEF1, #C6A5D5, #CC8A63, #876097, #36302B)
• Ash Thicket color palette (#F1F3EC, #C6E1E3, #78A0CA, #3D738A, #3F303F)

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