Tempered Cobalt color palette — #FAF3F6 · #C7E0F3 · #5D8CC8 · #007072 · #3C4761

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Powder Blue (#C7E0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5D8CC8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3C4761): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Dusty Delta color palette (#F1F3EB, #BAE8D6, #6293BA, #2E6778, #372439)
• Periwinkle Cabin color palette (#EBF8F7, #D2DCFA, #71ABD9, #3F859A, #37495D)
• Ancient Chapel color palette (#FAF3F7, #9FCEDA, #00879B, #006437, #213E52)
• Denim Ridge color palette (#ECE3EA, #6DABAF, #006179, #00402C, #002139)
• Timeworn Abyss color palette (#F8EBF3, #4D8A9B, #004161, #00231E, #000623)
• Sapphire Pier color palette (#F9EAF0, #91B6D5, #3864B7, #004F55, #2A294C)
• Timeworn Lilac color palette (#E7FBF2, #9EA754, #A06FCE, #656C00, #3F3E5E)
• Aqua Study color palette (#E7FBF1, #B3E0EB, #60D2D6, #917549, #33544E)

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