Tempered Cobalt Atelier color palette — #FFF0FE · #BDD5FF · #76D0AA · #6489CB · #0E4330

Slate Blue and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Lilac Frost (#BDD5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mint Leaf (#76D0AA): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#6489CB): A luminous, balanced violet — the color of twilight just after sunset.
• Forest (#0E4330): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Dusty Lilac color palette (#FFF0F7, #EBD4EC, #86DDDE, #9B90CB, #304F32)
• Cerulean Coast color palette (#EAFAF0, #90E2FA, #B3C47E, #0099B8, #343D13)
• Misty Periwinkle color palette (#FEF0FC, #B0CDFF, #D1BE65, #679CFF, #4C4211)
• Sunlit Cobalt Summit color palette (#FCF1FD, #B7D7FF, #EBA1C5, #4C8CD7, #502A3D)
• Ash Atelier color palette (#FFF0FA, #E6D6D6, #C9BEB9, #91A5D7, #543B4A)
• Hushed Ultramarine Boulevard color palette (#F0F6FF, #7E9DE9, #00A27A, #415FB4, #174B4E)
• Tempered Amber Studio color palette (#EAF2FF, #84A2E7, #AE8800, #4561A7, #0A2F19)
• Chalky Blush color palette (#FFF0FA, #AAB4FF, #DF8ABD, #26A3B7, #3A2133)

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