Tempered Cobalt color palette — #ECF3F7 · #80BFCC · #636EB5 · #007182 · #080E1B

Slate and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Ash (#80BFCC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#636EB5): A full-bodied, balanced violet — the color of wild irises.
• Teal (#007182): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#080E1B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Aged Orchard color palette (#EDF2F8, #A5C7E8, #9A729F, #2A77B0, #161322)
• Dusty Delta color palette (#E8F5F5, #8AC2A7, #087EB3, #007754, #00101E)
• Plum Thicket color palette (#F0F8EF, #55C3BC, #935199, #006E69, #2F1F22)
• Tempered Quarry color palette (#E4F8E7, #6AA3CB, #61649F, #713100, #122438)
• Chalky Iris Archive color palette (#F0F7F2, #6FD5E9, #6E89E4, #0090A4, #2E1E2A)
• Gentle Quarry color palette (#CEECFF, #7FB5DF, #5A74B5, #403396, #33055B)
• Hushed Aubergine color palette (#D4E6F1, #007390, #49007F, #002F3D, #020006)
• Patina Hollow color palette (#E4F5FE, #328EA7, #904862, #5C3D00, #001818)

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