Tempered Cobalt color palette — #F6EAF5 · #FFB67D · #5E87CD · #3B5684 · #1E101E

A conversation between Azure and Cantaloupe, giving this palette its sense of trust and stability.

The five colors

• Blush (#F6EAF5): bright and airy, almost weightless.
• Cantaloupe (#FFB67D): A whisper-light, balanced gold — the color of old brass.
• Azure (#5E87CD): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#3B5684): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#1E101E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cerulean Canyon color palette (#E3F3EC, #FEB0B0, #0093CB, #1A5D7E, #0B1914)
• Tempered Iris color palette (#F7EAF1, #B1D59B, #7F7DCE, #51507F, #1F1119)
• Softworn Petrol color palette (#E6F0FA, #CFB06E, #1F66A6, #133759, #0C1722)
• Wandering Honey Station color palette (#E4FBF5, #F7C963, #2866A1, #0C2944, #000504)
• Worn Ridge color palette (#F4DDEC, #83DA43, #6067FD, #3C4394, #1C0617)
• Faded Orchid color palette (#EED7DC, #69D09F, #9B59B0, #5F346C, #18040A)
• Wandering Study color palette (#FBF2F7, #C6E9C5, #9B97CE, #846174, #32282D)
• Periwinkle Coast color palette (#F9F3F7, #E4D6D3, #D5BDAE, #909BD5, #40373D)

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