Tempered Cobalt color palette — #DCF5ED · #81C7FD · #FFA071 · #008ED9 · #5A2200

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

The five colors

• Honeydew (#DCF5ED): A whisper-light, dusty teal — the color of sea glass.
• Sky (#81C7FD): A luminous, balanced blue — the color of deep harbor water.
• Melon (#FFA071): A luminous, balanced orange — the color of toasted spice.
• Azure (#008ED9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Espresso (#5A2200): 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 Atelier color palette (#E7FAF2, #6CCBFF, #F3850B, #0080B2, #3F1E00)
• Weathered Blush Hollow color palette (#E0F5E6, #5BD2E4, #F58E95, #00A3B6, #582026)
• Linen Meadow color palette (#FFF0FE, #AECDFF, #EDB15B, #629DFF, #593B0B)
• Indigo Orchard color palette (#F9E9F3, #B3B7FF, #CABF46, #7873F0, #3B3700)
• Muted Apricot color palette (#F3DCF6, #6CB3FD, #EC8640, #B18200, #39213C)
• Ancient Pier color palette (#F4E9F5, #6FB4FF, #D17403, #005EAB, #2C1400)
• Pale Mustard color palette (#E4EDD1, #E3BC00, #67C0FF, #284E69, #0F221D)
• Worn Iris color palette (#F5EBF2, #D2CB8E, #7283C6, #44518B, #1F101C)

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