Tempered Cobalt color palette — #E8FBEA · #BF9958 · #6589CC · #855D00 · #2C426A

Slate Blue and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#E8FBEA): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#BF9958): A luminous, balanced gold — the color of honey in a jar.
• Slate Blue (#6589CC): A luminous, balanced violet — the color of wild irises.
• Ochre (#855D00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#2C426A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Soft Coast color palette (#E5FBF3, #97A867, #8280C6, #5C6F06, #364162)
• Soft Chestnut Basin color palette (#FCF0DF, #C09E61, #6D8DCA, #835D00, #13254B)
• Timeworn Chestnut Parlor color palette (#FFF1F7, #CF8F60, #1398B9, #994F00, #134A59)
• Wandering Bronze Garden color palette (#EDF9EE, #D0B380, #75A7EC, #A67700, #284369)
• Faded Amber Courtyard color palette (#E3FEE4, #B37C17, #6F71BE, #606299, #273F29)
• Dusty Cocoa color palette (#EAFAEB, #8AB29E, #876E48, #724431, #27433E)
• Powdered Clover color palette (#D5FFFA, #55BD5D, #9760C9, #006015, #492668)
• Weathered Driftwood Boulevard color palette (#E9FBE7, #B6E9EF, #8FD0C8, #A16C65, #3A4F43)

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