Tempered Cobalt color palette — #FCF1FD · #88BCF6 · #DE83B1 · #3983D0 · #5B3736

Azure takes the lead with Bubblegum close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Sky (#88BCF6): A luminous, balanced blue — the color of deep harbor water.
• Bubblegum (#DE83B1): A luminous, balanced rose — the color of a warm blush.
• Azure (#3983D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5B3736): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Balance. 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

• Softworn Wisteria Studio color palette (#FFF0FD, #76A3FA, #CB72C7, #00999C, #443042)
• Lilac Studio color palette (#E9FBED, #65C9D6, #B590E7, #00919F, #493A5E)
• Coral Veranda color palette (#FFF1F6, #C5A5F6, #F0815D, #8D6EBB, #48413D)
• Ancient Cobalt Meadow color palette (#FFF0FE, #BAD6FF, #EEA978, #608BCB, #512F14)
• Wandering Parlor color palette (#FEF0FC, #ECD3D6, #E3B1C4, #6F93B9, #544150)
• Teal Hollow color palette (#FFF0FA, #A3B1FF, #14BEA5, #6D79C7, #134D43)
• Aged Courtyard color palette (#E7FBF1, #65C5ED, #89B558, #008DB6, #43433C)
• Wandering Alley color palette (#DEFDF4, #4AA7EE, #B27E2C, #316A97, #46413B)

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