Tempered Cobalt color palette — #F0F4E5 · #98DBF7 · #008DC4 · #00606F · #002741

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

The five colors

• Cream (#F0F4E5): A whisper-light, dusty green — the color of fresh herbs.
• Powder Blue (#98DBF7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008DC4): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00606F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002741): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Cabin color palette (#F0F4E4, #6BC7F8, #0078B6, #004F61, #001B35)
• Cobalt Archive color palette (#F0F3EA, #A2D3C7, #447CCA, #005679, #2F152C)
• Softworn Harbor color palette (#F2F3E9, #CAE4D1, #3D9BB3, #006C6D, #163326)
• Timeworn Cerulean color palette (#EAEDE0, #3A97B3, #00506D, #002B30, #00050B)
• Feathered Azure Dune color palette (#E9F9F7, #A9E5FF, #24A7E4, #008093, #134365)
• Quiet Cobalt color palette (#B4F3EA, #00978A, #0077CE, #5C6900, #001D1A)
• Jade Terrace color palette (#DFEAE0, #00B66A, #008159, #00513F, #002820)
• Timeworn Teal Alley color palette (#C7FFF7, #00C9B9, #007B6F, #003F39, #001411)

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