Tempered Cobalt color palette — #EBF9F4 · #94CBF6 · #CB7456 · #2988C4 · #2F2017

Built around Cerulean, softened by Coral Clay — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Sky (#94CBF6): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#CB7456): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#2988C4): A luminous, balanced blue — the color of deep harbor water.
• Onyx (#2F2017): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Peony Cabin color palette (#EFF8F1, #70D5E9, #C96E8E, #0090A4, #301F1D)
• Washed Iris Lagoon color palette (#FAF3F7, #C9CCFF, #C98A6D, #8284C9, #332C28)
• Tempered Blush color palette (#F0F6FC, #D5DAF6, #EA6E9D, #488FCE, #160F1A)
• Frosted Pier color palette (#FBF1FC, #68A9EF, #AD7046, #006D63, #00423C)
• Pale Boulevard color palette (#FFEBFB, #84A7FF, #CF6923, #1D2FEA, #210A00)
• Violet Market color palette (#FFF1F6, #CCA6FE, #CB6700, #8E55CC, #2F1600)
• Linen Fuchsia color palette (#FBF2F9, #C5D4FF, #EB82D8, #869DE9, #2E1F21)
• Hushed Powder Workshop color palette (#EEFAE2, #86B4EE, #A770A2, #157457, #4F3245)

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