Tempered Cobalt color palette — #FBF4E9 · #71C4E7 · #0074B2 · #00555B · #002F6E

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Sky (#71C4E7): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0074B2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#002F6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Dusty Petrol color palette (#FBF4E9, #75C7CC, #007B90, #005748, #00384D)
• Linen Sapphire color palette (#FEF4E3, #83BEF1, #0E61EA, #005367, #252672)
• Lilac Courtyard color palette (#ECF7FF, #AFC8FC, #AE93FF, #007080, #0D3469)
• Worn Denim color palette (#F0E8DA, #75A6C1, #005999, #003D45, #031655)
• Worn Studio color palette (#FFF0F8, #7ED8FF, #2D8AFD, #007466, #2F2862)
• Washed Canyon color palette (#E6FCEA, #A7E4FF, #48B3FE, #0096A0, #0B3165)
• Soft Azure color palette (#D9EDFF, #079BEF, #005E99, #002E54, #001A2F)
• Weathered Petrol color palette (#F9F4ED, #C9E3DB, #6F8BB8, #006D85, #3D446B)

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