Tempered Cobalt color palette — #EFF8F0 · #A1D8EC · #0089C3 · #006668 · #16416D

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#A1D8EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0089C3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006668): A full-bodied, dusty teal — the color of sea glass.
• Navy (#16416D): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Cobalt Workshop color palette (#ECF9EE, #7DC2E1, #0074B2, #00555B, #002F6E)
• Timeworn Cobalt Dune color palette (#FAEEF5, #A2DAEC, #0086E1, #006450, #1C1E4D)
• Turquoise Lagoon color palette (#DBF0EE, #00B2C2, #007B93, #005D7E, #313970)
• Weathered Canyon color palette (#ECF7FF, #DAD7EE, #C1B2FF, #008795, #224662)
• Soft Periwinkle Basin color palette (#FDF3ED, #A7E6FB, #32A0FD, #00856B, #373C63)
• Tempered Denim color palette (#E6F1E8, #5D9AAA, #00506E, #00302F, #001529)
• Linen Plum Cabin color palette (#D5F0FF, #008BBD, #BA397B, #616600, #00354B)
• Muted Azure Archive color palette (#EDF7FF, #41AFED, #006E9F, #004061, #00263B)

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