Tempered Cobalt color palette — #F8EFF4 · #ACCDE0 · #2A82C0 · #005C55 · #121E3E

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Powder Blue (#ACCDE0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2A82C0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#121E3E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Cerulean Canyon color palette (#E9F9F7, #96CFE4, #3981A3, #005E69, #173E57)
• Iris Archive color palette (#F9EFF2, #C8DFF6, #738CC8, #006B77, #242A44)
• Antique Abyss Drift color palette (#F1E5ED, #7FC1BD, #00788A, #004F29, #001926)
• Weathered Sky color palette (#F4F7EC, #D6D6E5, #3AB3E8, #007D8C, #01372B)
• Muted Navy color palette (#F1E5EB, #498099, #003C6E, #001F1F, #01000C)
• Peony Delta color palette (#E9DDFA, #CF5EAF, #00703A, #006771, #180E24)
• Timeworn Atelier color palette (#EEE3E7, #72A4BE, #0057A7, #00393A, #060030)
• Marigold Loft color palette (#F6EEFF, #FFD0D1, #E2A259, #775585, #2D1F33)

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