Tempered Cobalt color palette — #FFF1F0 · #EAB0C8 · #7FB6DB · #697FC0 · #422B29

Slate Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Carnation (#EAB0C8): A luminous, dusty rose — the color of pressed rose petals.
• Sky (#7FB6DB): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#697FC0): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#422B29): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Worn Petrol Thicket color palette (#FFF2EF, #DAA1A9, #6A99C2, #6863A8, #362123)
• Antique Workshop color palette (#FEF3ED, #F7AD9C, #64C6DD, #9F91BF, #433B38)
• Driftwood Terrace color palette (#FEF3EC, #EBB69B, #B0A7D4, #A16CA3, #4E2500)
• Cobalt Summit color palette (#F2F8E8, #94D4B2, #7CB6DE, #737DB7, #30332C)
• Amber Hollow color palette (#FBEDF4, #CA7F58, #6982B7, #4D5E80, #2C1E26)
• Tempered Grape Station color palette (#FFF2EE, #FF727C, #5B90E9, #743CD3, #37060D)
• Muted Lagoon color palette (#F9F5E8, #DAE3B2, #88AF7B, #008190, #404038)
• Hushed Stone Lagoon color palette (#F8F5EF, #D8DBD4, #A3B5BB, #C0AD71, #514D45)

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