Tempered Cobalt color palette — #EEF6FF · #9ACDFF · #FF8D48 · #0080D7 · #4D1F00

Azure and Apricot set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#9ACDFF): A whisper-light, balanced blue — the color of open sky before noon.
• Apricot (#FF8D48): A luminous, vivid orange — the color of autumn markets.
• Azure (#0080D7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Espresso (#4D1F00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Wandering Bloom color palette (#EFF6FF, #ABC8FF, #E8A007, #306FFC, #402900)
• Feathered Tangerine Veranda color palette (#E8F8FF, #60EDFE, #EF7A4B, #008F9C, #521900)
• Chalky Ultramarine color palette (#EFF6FF, #8DBAFF, #CA7500, #0053C0, #271200)
• Frosted Iris Meadow color palette (#F1F5FF, #CECFFF, #BAC366, #8076EE, #383C03)
• Patina Azure Coast color palette (#DAFFF4, #94CBFF, #FF87CE, #219CF9, #5D2046)
• Timeworn Loft color palette (#EFF6FF, #7DAFFF, #F17522, #A87F00, #031E4C)
• Ancient Turquoise Loft color palette (#EDF7FF, #DED9E3, #BCAEA2, #00B0C8, #2A3959)
• Washed Periwinkle Veranda color palette (#D8FFF3, #2EACFD, #A25C00, #006197, #572F00)

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