Tempered Cobalt color palette — #E6F4FF · #1E7FB3 · #713B79 · #612600 · #1B3300

A conversation between Cerulean and Plum, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#1E7FB3): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#713B79): A full-bodied, balanced pink — the color of neon signs at night.
• Rust (#612600): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#1B3300): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Linen Mulberry Lantern color palette (#EBF2FF, #6073B1, #862F59, #4F3500, #003521)
• Hushed Garnet color palette (#E4F5FC, #008793, #5A4292, #720012, #2C2E00)
• Sunlit Mulberry color palette (#DBF3F6, #00907B, #8F1574, #2A3A00, #0F1700)
• Lapis Field color palette (#DFE8FF, #6251E1, #8E003C, #3F3100, #002B23)
• Mulberry Delta color palette (#E2DEF3, #934397, #6A3700, #003819, #00213A)
• Hushed Orchard color palette (#CCE8FF, #8C9FBF, #7F7097, #714B2D, #394921)
• Tempered Field color palette (#D7E2EE, #005A9A, #63004A, #2C1B00, #00160F)
• Misty Ridge color palette (#EAF6E4, #00AD95, #BD3474, #425900, #233100)

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