Tempered Cobalt color palette — #FEF4E2 · #F7B0C4 · #CF976B · #3887C8 · #433B38

Cerulean and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Ballet Pink (#F7B0C4): A whisper-light, balanced red — the color of embers at dusk.
• Camel (#CF976B): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#3887C8): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#433B38): quiet, heavy and certain.

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

• Wandering Cerulean Villa color palette (#FCF5E2, #E6B4E6, #DE8A85, #0092A7, #543232)
• Iris Courtyard color palette (#FCF4E8, #FCC0AE, #BFAE6D, #7E87C2, #4C4641)
• Hazy Cabin color palette (#FFF1F2, #E2A9D5, #B69F41, #008BA5, #512549)
• Jade Thicket color palette (#FFEBD7, #D8B567, #61AC60, #8E5BAA, #343200)
• Tempered Thicket color palette (#FFF3E4, #FFB89F, #C08247, #4B6F33, #37302C)
• Timeworn Ultramarine color palette (#FAE1BA, #FF8980, #BD8E17, #2D4BE8, #461A00)
• Powdered Byzantium color palette (#FFF3E6, #FFAA65, #A1B119, #8C43D9, #473100)
• Tempered Fern Thicket color palette (#F6F6EA, #CFDBB8, #69BDB2, #AA829E, #394A00)

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