Tempered Cobalt color palette — #FBF1FF · #FF8FB0 · #00B19B · #1179C5 · #003258

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

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#FF8FB0): A luminous, balanced red — the color of late-summer berries.
• Turquoise (#00B19B): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#1179C5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003258): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Tempered Blush Basin color palette (#FFEFFF, #FF929B, #00AEAE, #008686, #00344E)
• Antique Violet Drift color palette (#FDF0FF, #FFA5B3, #00A586, #8D58BA, #411660)
• Amber Terrace color palette (#F2F5FF, #B2ABFF, #B49600, #0080A9, #003649)
• Emerald Meadow color palette (#E4DEF0, #E688CB, #489D3B, #5E4294, #260E48)
• Washed Coral Chapel color palette (#FFF0FB, #FF876D, #748900, #005C65, #280657)
• Aged Basin color palette (#FFE3F9, #E6C3E3, #C2B178, #8483B2, #4B4876)
• Antique Driftwood color palette (#EEF8EE, #E4C18E, #87ADD6, #A275A0, #453C5C)
• Faded Teal color palette (#E3FCF4, #95E2BA, #34BABA, #A77796, #0F452F)

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