Tempered Cobalt color palette — #F4F6EE · #A6D0BF · #467EA8 · #005C72 · #49304C

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Pistachio (#A6D0BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#467EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#49304C): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cerulean Station color palette (#F5F6EB, #B0CEB7, #00869E, #00605F, #024154)
• Cobalt Pier color palette (#FAF0E8, #A7D3C1, #597DAF, #005B5E, #191946)
• Periwinkle Terrace color palette (#FBF3F6, #B9D9F2, #6496DF, #007B80, #34375A)
• Worn Petrol color palette (#F4F6EF, #C4E7E8, #77A494, #34798A, #2C5349)
• Tempered Workshop color palette (#E4EAD9, #5486AB, #003D6F, #00202D, #00081F)
• Timeworn Denim color palette (#DDE3D1, #74A4CF, #1E579A, #003A52, #081C47)
• Patina Workshop color palette (#FFF2EE, #F9C4BE, #D99D84, #9A5E70, #5A382C)
• Powdered Aubergine color palette (#FFDBD4, #B8546F, #955F00, #67439D, #441F18)

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