Tempered Cobalt Terrace color palette — #E9F8FF · #72BBDF · #4886CE · #545C8F · #494E68

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Sky (#72BBDF): A luminous, balanced blue — the color of open sky before noon.
• Azure (#4886CE): A luminous, balanced blue — the color of deep harbor water.
• Slate (#545C8F): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#494E68): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Tempered Cobalt Terrace 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

• Periwinkle Courtyard color palette (#DEF0FF, #99CEFF, #72A2D6, #5D76A1, #404E64)
• Softworn Amber Lantern color palette (#EFF6FF, #98B0E0, #BD8F51, #5771A9, #3E543D)
• Weathered Atelier color palette (#CFFAFC, #70C4BB, #009EAB, #1A6983, #484B66)
• Violet Canyon color palette (#E0EDFF, #B7B4F2, #916DB9, #795381, #61465A)
• Hushed Cerulean color palette (#EEF6FF, #DDD9E3, #C7B8A2, #6A8BA0, #4D5361)
• Amber Meadow color palette (#EEF6FF, #6A9AD8, #B97A27, #737D41, #364454)
• Washed Lapis color palette (#DEEEF9, #66A9FF, #5940FB, #5B2DA8, #523363)
• Antique Amethyst color palette (#E1EAF8, #8586E7, #7948C4, #692E76, #4E2943)

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