Tempered Cobalt color palette — #FEF1F9 · #9ED9EB · #3487BB · #00685C · #213E73

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Powder Blue (#9ED9EB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3487BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#213E73): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Delta color palette (#FAF2F8, #C5E2EC, #5A93A9, #2A7157, #334A60)
• Washed Cobalt Coast color palette (#FFF0F9, #83C2DA, #0073B7, #005651, #1B2D69)
• Hushed Cerulean Station color palette (#F1F3E7, #9CDBEE, #0090B8, #006169, #00293C)
• Misty Sky Villa color palette (#FFF2EB, #B7EFFF, #5FC1FF, #00A795, #233E6F)
• Softworn Balcony color palette (#F3DEE5, #5985AB, #21357A, #002127, #0B0027)
• Weathered Teal Courtyard color palette (#F0E3EB, #5BAFAA, #006271, #004121, #002333)
• Softworn Clover Workshop color palette (#E3E6D8, #6CB633, #008D4E, #005B48, #004051)
• Jade Lantern color palette (#D8FFF4, #00C099, #007A66, #004837, #002B25)

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