Tempered Cobalt color palette — #FEF1F6 · #AFC8DF · #5777B4 · #005E66 · #2F3959

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Sky (#AFC8DF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5777B4): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005E66): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2F3959): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Alley color palette (#FCF2F9, #A6CCD7, #00869E, #00633B, #103F59)
• Patina Cobalt Veranda color palette (#F1F3EC, #ACD1C5, #3F7FBE, #005773, #071F43)
• Patina Grove color palette (#FFF0F8, #6AC5E9, #0071BD, #005652, #1E2C68)
• Aged Ash Atelier color palette (#FBF2F6, #D9DEEF, #7F9BC3, #3E7A7D, #48526A)
• Dusty Cabin color palette (#F4E5EF, #389EB3, #005072, #003129, #001233)
• Powdered Courtyard color palette (#F6DAF7, #C14D5E, #007D76, #1A5D7A, #372339)
• Weathered Pier color palette (#F6E9FC, #C2708A, #008A8E, #8E2F53, #003E40)
• Worn Periwinkle color palette (#FBF4ED, #C3E5FF, #89B1FF, #009EAB, #4E2F42)

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