Tempered Cobalt color palette — #FCF3EC · #9DCCE9 · #4E79B7 · #005F63 · #4C3043

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

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Sky (#9DCCE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#4E79B7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
• 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

• Tempered Cerulean color palette (#FDF3EE, #95D1D8, #0084A9, #006249, #1D3D5A)
• Aged Cobalt color palette (#F7F0EA, #A7D3C2, #5D7AB8, #005C57, #341325)
• Cypress Thicket color palette (#FBF2F6, #B8D9F4, #7C94CC, #007C78, #333858)
• Wandering Sky Pier color palette (#EFF8F0, #C8E4FA, #78B6FB, #009DB3, #273865)
• Softworn Hollow color palette (#E6FDE1, #98E7F6, #94B3E0, #4A7753, #304C37)
• Feathered Jade color palette (#E0EDDE, #00B966, #007E6C, #005453, #003E48)
• Weathered Plum Courtyard color palette (#E6F4DF, #00A48F, #B5556F, #006558, #502731)
• Teal Pier color palette (#C8FFFE, #00B8B3, #006D6D, #004143, #00292B)

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