Cobalt Workshop color palette — #FCF3ED · #A2D1BC · #3F7BBA · #00605F · #4D2E46

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A2D1BC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3F7BBA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4D2E46): 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

• Frosted Workshop color palette (#FCF4EA, #A7D3FC, #5576E1, #006571, #3F3864)
• Wandering Cerulean color palette (#FBF3EF, #ACD0B1, #0085A6, #006246, #164339)
• Cobalt Corridor color palette (#EAF4F3, #90D1F2, #2F84B6, #00596A, #05223B)
• Timeworn Petrol Dune color palette (#F9EBE4, #77C0C1, #00748D, #005236, #01314D)
• Weathered Azure color palette (#F4F6ED, #A1DEFD, #429FD7, #00798F, #11443A)
• Ash Workshop color palette (#FAF4F0, #C8EAE8, #759EC3, #417A75, #5F4B5C)
• Weathered Cerulean color palette (#F0F7F1, #C7E5F9, #83B8E5, #009EAB, #253A5E)
• Misty Lapis Studio color palette (#F1EFDE, #8EAA40, #5056D7, #4C5F00, #2C3256)

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