Tempered Cobalt color palette — #FDEEE6 · #8EDEF0 · #008AD1 · #006549 · #16204D

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FDEEE6): bright and airy, almost weightless.
• Ice Blue (#8EDEF0): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#008AD1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#16204D): A deep, shadowed, balanced violet — the color of wild irises.

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

• Tempered Indigo color palette (#FAF0E5, #A6D6FF, #6677E2, #006264, #2B1B40)
• Cobalt Canyon color palette (#FFEEE4, #59CCEE, #0074C7, #005343, #130A4B)
• Cerulean Corridor color palette (#FAEFEB, #C7E6CA, #5098B6, #3C6A49, #382438)
• Timeworn Workshop color palette (#F4F7E5, #9ED9E9, #008CB1, #00656C, #004661)
• Weathered Azure Study color palette (#FFF0FA, #A7E7F7, #12A7EB, #008473, #1D3F72)
• Teal Studio color palette (#CEE6DA, #00B7AF, #008192, #004770, #142053)
• Patina Cerulean color palette (#EFDDD4, #3799A8, #004F74, #002D1C, #01001E)
• Ancient Harbor color palette (#E4F5FF, #0CBBF9, #0076AC, #003B56, #00131D)

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