Tempered Cobalt color palette — #FBF2F7 · #A8CBDD · #0080BD · #006156 · #293B56

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#A8CBDD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0080BD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#293B56): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Hushed Cerulean color palette (#F1F3EA, #9CD1E3, #2687AC, #005A63, #002436)
• Muted Cobalt color palette (#FAF3F6, #C6E0F7, #6C8AC3, #006F79, #3F475E)
• Powdered Sapphire Canyon color palette (#F6EBEE, #94B5D5, #3F5EC5, #004E58, #2D2650)
• Ancient Archive color palette (#FAF4EC, #CAE9D7, #68BDEA, #259E9D, #203D59)
• Tempered Lagoon Garden color palette (#F0E2EB, #30A29E, #005361, #003219, #001623)
• Antique Denim color palette (#EADFE5, #5BA9CD, #00589E, #003E3D, #141A45)
• Wandering Amethyst Field color palette (#E2F4E8, #B49C24, #754DC2, #655600, #392C57)
• Timeworn Indigo Parlor color palette (#CAEFDB, #887C00, #575DCA, #6C4591, #0C3323)

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