Cobalt Workshop color palette — #FDF3EC · #97CEE8 · #4F79B7 · #006156 · #4D3041

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Sky (#97CEE8): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4F79B7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4D3041): 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 Cobalt Workshop 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

• Ancient Workshop color palette (#FEF2ED, #94D2D5, #0084AC, #29603B, #243B5B)
• Cerulean Terrace color palette (#E6F6F4, #ABCCE4, #3F83AE, #00596A, #00223D)
• Aged Mallow color palette (#E3FCF0, #C5D6FF, #D498C6, #29796F, #244239)
• Turquoise Cabin color palette (#CBE5DE, #00A8B7, #0079A0, #184A82, #2E3559)
• Softworn Ash color palette (#FBF3EE, #C2F1EF, #7B9CC3, #607653, #5F4C57)
• Ancient Lagoon color palette (#FAF3F6, #C6E5FB, #81B6F2, #00A09F, #30375D)
• Cobalt Veranda color palette (#C2F1DD, #0085B2, #955F00, #5F5700, #073425)
• Azure Drift color palette (#D4F8EB, #27A7EC, #A64D0B, #005D88, #562607)

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