Tempered Cobalt color palette — #B5FCE4 · #8AAF92 · #4384B3 · #82475F · #722F28

Cerulean and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B5FCE4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8AAF92): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#4384B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#82475F): A full-bodied, balanced rose — the color of a warm blush.
• Rust (#722F28): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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

• Misty Terracotta color palette (#B9F7F4, #78BBD5, #4F7BB3, #903A46, #71391F)
• Lagoon Courtyard color palette (#E2F7C9, #87B495, #199390, #664B84, #6A3C5A)
• Timeworn Cocoa color palette (#D1EFD2, #8AB29D, #8A6B88, #7F3D43, #623300)
• Dusty Seafoam color palette (#C8FFF1, #76D4BE, #6B9AC1, #8F5D44, #654456)
• Washed Garnet color palette (#C3E7E3, #5F9EB0, #486688, #692C3C, #512500)
• Cerulean Lantern color palette (#EEE1C2, #91BDA1, #1C81A6, #6F501D, #3B2500)
• Glacier Boulevard color palette (#BDF6E6, #61DCED, #6BB6E2, #9682A0, #69342E)
• Softworn Veranda color palette (#C8EFFF, #C2A6C5, #756FB0, #913D17, #624300)

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