Tempered Cobalt color palette — #F0EED4 · #65C7AC · #0094D2 · #6A4800 · #0E1200

A conversation between Cerulean and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0EED4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#65C7AC): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0094D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6A4800): A full-bodied, balanced gold — the color of old brass.
• Ink (#0E1200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Jade Basin color palette (#F7EFDE, #79BB78, #00A1B4, #803900, #141000)
• Washed Cornflower color palette (#DFE6D7, #41C8DB, #677BEB, #484C00, #031500)
• Hazy Workshop color palette (#C8EBC6, #2DCEAC, #1F9BA4, #445605, #1C2601)
• Ancient Canyon color palette (#D6F7F0, #5ED6C0, #34A9D9, #806207, #002828)
• Periwinkle Field color palette (#E9F9D2, #73ECFF, #83ADFF, #626500, #002526)
• Feathered Garden color palette (#D5FFFB, #82FAD9, #00CAD3, #637E05, #001408)
• Quiet Pier color palette (#D5E6D1, #2D8FB4, #6850A6, #143400, #000301)
• Lilac Courtyard color palette (#DAF8E0, #A3C5F0, #B886CC, #007252, #002016)

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