Tempered Cobalt color palette — #FCF3EE · #99CFE0 · #397DB7 · #0E614D · #4E2E45

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Sky (#99CFE0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#397DB7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#0E614D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4E2E45): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Muted Cerulean color palette (#FFF2EE, #8AD4D2, #1385A2, #2F6033, #1E3D5B)
• Cerulean Coast color palette (#FCF4EB, #BAE8D9, #7988B8, #2C6E6D, #5A3E4A)
• Aged Cerulean color palette (#EAF4F3, #AECCDE, #1F86B0, #005A64, #002338)
• Patina Coral color palette (#FFF0FA, #EBC2FB, #DD918C, #3E7187, #4F3440)
• Chalky Parlor color palette (#FFD7F0, #7D79F4, #4A6600, #005B34, #3D2033)
• Muted Lagoon color palette (#FBF2F8, #C5E6F9, #7FB8E9, #00A197, #2A395F)
• Olive Lantern color palette (#FCF3EF, #C5EEE9, #72A597, #5D793A, #614A5B)
• Airy Courtyard color palette (#CCEEFD, #69A1FF, #525AC3, #5E3779, #492948)

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