Tempered Cobalt color palette — #F2F5FF · #A0B5FD · #6A7DCC · #33468E · #111C51

Periwinkle and Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Sky (#A0B5FD): A luminous, balanced violet — the color of wild irises.
• Periwinkle (#6A7DCC): A luminous, balanced violet — the color of wild irises.
• Indigo (#33468E): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#111C51): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

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

• Violet Lantern color palette (#F6EFFF, #CDACF9, #916FC1, #5E3B85, #281042)
• Cobalt Workshop color palette (#EBF7FF, #6EC6FB, #108BCA, #005781, #00283D)
• Muted Navy color palette (#EFF3FF, #95A3E5, #4256B0, #06258A, #141350)
• Pale Periwinkle color palette (#FFE9F9, #C3CDFF, #739DFF, #506BBB, #13214A)
• Worn Cerulean Basin color palette (#F0F5FF, #DED6ED, #CBBBEA, #6890C2, #343E57)
• Softworn Iris Studio color palette (#F1F5FF, #CEDDFF, #6688FF, #263D8E, #04052C)
• Sunlit Aubergine Veranda color palette (#EDEEFD, #888DF5, #574CC7, #2D0F91, #070026)
• Antique Ash color palette (#F6F3FF, #F2CAF2, #BC92BF, #7D5A81, #3C3355)

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