Tempered Cobalt color palette — #F8F0E9 · #99CEF8 · #6176C2 · #005B5B · #321623

Periwinkle and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Sky (#99CEF8): A whisper-light, balanced blue — the color of open sky before noon.
• Periwinkle (#6176C2): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#321623): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Tempered Cobalt Quarry color palette (#FDEEE8, #ABD3B8, #4083B0, #005E42, #30152C)
• Sapphire Quarry color palette (#FFEEE2, #3FCCFD, #006FD6, #005347, #180949)
• Tempered Denim color palette (#F3F7EC, #A1D1C2, #517BAA, #005B7A, #273A5B)
• Petrol Dune color palette (#FDF2F5, #BBD8F3, #7B95CB, #007A86, #38355A)
• Apricot Villa color palette (#FFECF3, #FEC6E1, #E49B86, #4B6D8D, #391D23)
• Chalky Orchid color palette (#FFE7EE, #AD6DD8, #286E19, #005643, #240914)
• Tempered Cerulean Dune color palette (#F0DACE, #009AB4, #004D7A, #002D20, #02001D)
• Soft Iris Courtyard color palette (#D7E4F2, #858DFF, #7F4FB7, #602659, #330E21)

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