Tempered Cobalt color palette — #DCE5DD · #71AABB · #007EAC · #005D5C · #000A18

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

The five colors

• Parchment (#DCE5DD): bright and airy, almost weightless.
• Blue Fog (#71AABB): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007EAC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005D5C): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Iris Basin color palette (#D1ECFF, #88ADDB, #8684EC, #007E8A, #00101E)
• Rust Balcony color palette (#C6E4F4, #008CAC, #C73300, #005E75, #120100)
• Azure Lagoon color palette (#D3E2EB, #1A97D3, #006F98, #003D57, #000205)
• Tempered Villa color palette (#F4EBF1, #629CAD, #005C96, #003D2E, #05002C)
• Tempered Cerulean Chapel color palette (#E4DDD3, #21859D, #00415B, #001F1F, #000104)
• Dusty Cerulean Chapel color palette (#DAE6DC, #8CCDD2, #00A3C1, #007F6C, #002332)
• Softworn Alley color palette (#E1EFF9, #007AA0, #B40679, #5D5C00, #000204)
• Chalky Periwinkle Meadow color palette (#E6F2E8, #B9D7F1, #62A6FC, #008DA5, #1B275F)

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