Tempered Cobalt color palette — #EFF6FF · #BBF4DB · #5F75A6 · #253957 · #070F1D

Built around Slate, softened by Mint — the whole palette hums with creativity and calm.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mint (#BBF4DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5F75A6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#253957): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070F1D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication. Tagged luxury, dark, muted, 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

• Muted Pewter color palette (#F4F4FF, #F4DAC5, #836A9B, #353552, #0E0E1B)
• Washed Periwinkle color palette (#EFF6FF, #EBD2A0, #7B94CB, #50628B, #1B222D)
• Worn Denim color palette (#F8EEF6, #CCAF73, #3C5387, #162549, #130811)
• Powder Grove color palette (#F0F5FF, #97ADFF, #CA879F, #2D817B, #1B2438)
• Dusty Station color palette (#F2F5FF, #E7D3EC, #BC89BF, #877BD3, #13101D)
• Patina Chapel color palette (#F9F2FF, #FFC09E, #8F4869, #43132C, #060209)
• Mallow Garden color palette (#FFF0F9, #F2B3EE, #B97D99, #8A5520, #362C44)
• Bronze Coast color palette (#EAF8FF, #4BB4D2, #8B7D01, #2E6C32, #001E25)

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