Tempered Cobalt color palette — #E9FAF4 · #9CD0FF · #FF9485 · #2888CF · #25130B

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

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Sky (#9CD0FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Melon (#FF9485): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#2888CF): A luminous, balanced blue — the color of open sky before noon.
• Ink (#25130B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged duotone.

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

• Coral Station color palette (#E9FAF1, #79D8FF, #F47678, #00A5D3, #281109)
• Dusty Apricot color palette (#FAF2F8, #C6D4FF, #EB947B, #8C9EDC, #311F16)
• Peony Summit color palette (#EEF9EE, #3CEDED, #E06DB3, #00ABAB, #271111)
• Quiet Orchid color palette (#FFECF4, #C8B5FF, #EF7100, #9C68FF, #210A00)
• Hushed Indigo color palette (#FCF2F7, #CACAFF, #B66AAE, #6F64CF, #120003)
• Softworn Peony color palette (#F0F5FF, #99B0FF, #B05CA7, #596CB6, #1A1523)
• Timeworn Ash color palette (#FCF2F7, #EAD5CF, #CFBBAD, #989ACD, #44363E)
• Timeworn Peony Drift color palette (#EAF3D5, #99B9FF, #CE73B0, #3D855D, #422634)

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