Tempered Cobalt color palette — #F7EEF9 · #E1D2D3 · #CFB8BF · #1D6EB5 · #2A212C

A conversation between Royal Blue and Stone, giving this palette its sense of trust and stability.

The five colors

• Blush (#F7EEF9): a clean, paper-quiet neutral.
• Silver (#E1D2D3): bright and airy, almost weightless.
• Stone (#CFB8BF): A luminous, dusty rose — the color of a warm blush.
• Royal Blue (#1D6EB5): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2A212C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Veranda color palette (#FBEDF3, #E5D2CB, #D7B6B2, #7458AC, #321E27)
• Sapphire Balcony color palette (#F9F3F9, #E5D5D8, #CDB3C4, #1A68C5, #473B47)
• Softworn Denim color palette (#EDE7EC, #D6C6CE, #B89BA1, #2C5395, #1B131B)
• Ancient Cypress color palette (#ECF5ED, #C4DDDD, #CCB7CB, #007A80, #192A1C)
• Patina Grove color palette (#F1F6FC, #DAD9E4, #B8ADB7, #6294D6, #293647)
• Muted Driftwood color palette (#F8EFF0, #DED5CF, #AEAEA5, #9E767D, #3D3335)
• Lapis Garden color palette (#FBDCEF, #5B43F2, #361F3E, #1D0716, #070108)
• Misty Olive color palette (#FEEFDE, #AFAB63, #4E791C, #43467A, #242200)

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