Tempered Cobalt color palette — #F4F7EB · #89D299 · #00B6BA · #3482BF · #393158

Cerulean takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Mint Leaf (#89D299): A luminous, balanced teal — the color of glacier melt.
• Turquoise (#00B6BA): A luminous, balanced teal — the color of sea glass.
• Cerulean (#3482BF): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#393158): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Faded Turquoise Basin color palette (#F2F7EA, #79D4A6, #00B4C7, #537EB9, #3C3A0E)
• Aged Jade color palette (#F8F5E9, #BBC76F, #39B989, #008CA1, #4E3112)
• Sapphire Dune color palette (#E0EECF, #00C691, #009BAF, #0062CC, #320357)
• Mustard Studio color palette (#E8FAF0, #CABE49, #5090C3, #674E85, #431D27)
• Timeworn Aqua Market color palette (#F5F6EF, #BAEDE8, #51CEF8, #3FA9B1, #314F43)
• Dusty Stone color palette (#F5F8E0, #D3DEC1, #A5BB9C, #7D9D92, #634D60)
• Powdered Cornflower Harbor color palette (#D8E6D8, #00B9BC, #0088E3, #7146AC, #002711)
• Quiet Violet Station color palette (#E7FCE6, #00D1CE, #0BA1F3, #7C5CCD, #003C0C)

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