Tempered Cobalt color palette — #FAF4EF · #A8CFBF · #3D78C7 · #005F62 · #4C3043

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Pistachio (#A8CFBF): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#3D78C7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F62): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4C3043): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Cerulean color palette (#FFF2EC, #96D1D6, #0085A8, #006248, #1E3D58)
• Wandering Cobalt Summit color palette (#E7F5F4, #9FCFEC, #4881AE, #00586E, #0C2138)
• Muted Azure Delta color palette (#F4F6EE, #A5DDFF, #509CD7, #157792, #473249)
• Dusty Cerulean Studio color palette (#F0F7F1, #C4E5FE, #81B6ED, #009DB0, #283960)
• Aged Byzantium Lantern color palette (#F2EFDE, #99A728, #8446B8, #545D00, #3F2A54)
• Softworn Field color palette (#F9EEE2, #76A4CB, #2F4DAF, #003D45, #1F173F)
• Powdered Navy color palette (#EEE4DA, #4687B3, #002D98, #002225, #090029)
• Dusty Turquoise Delta color palette (#FBF7D6, #B9F6CC, #26C3C6, #84631B, #3E3F38)

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