Tempered Cobalt color palette — #E8F1EA · #A0CBE6 · #018FD4 · #006B70 · #132E51

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

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Sky (#A0CBE6): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#018FD4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#132E51): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Antique Cerulean color palette (#E7F2E9, #93D2D0, #0097A9, #006F54, #003343)
• Soft Sapphire Atelier color palette (#E8F2EA, #89B6E2, #396DDB, #00566C, #181748)
• Periwinkle Hollow color palette (#F9ECE3, #A4DDF5, #63AAEC, #00918C, #202B52)
• Sunlit Station color palette (#EEF9F0, #9AECEA, #00AFC3, #008666, #00475B)
• Dusty Powder color palette (#F1F7F2, #D8DEED, #8CB6DE, #4F929B, #455468)
• Turquoise Quarry color palette (#D8E4DA, #4BB2C3, #00718F, #004B44, #001625)
• Blush Veranda color palette (#EBEEFF, #EBC5EE, #FD8BB8, #6670B1, #2C294A)
• Linen Ultramarine Bloom color palette (#DDE8DF, #6398C2, #0052B6, #003A46, #040228)

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