Cobalt Workshop color palette — #F9F4ED · #BEE6DB · #698AC4 · #006D86 · #5B3C52

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#BEE6DB): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#698AC4): A luminous, balanced violet — the color of wild irises.
• Peacock (#006D86): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5B3C52): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cerulean Pier color palette (#F8F5EF, #C2E7D1, #3895C1, #00716F, #2C5047)
• Timeworn Iris color palette (#F7F1EA, #BEE1FF, #7D8ABF, #086C6E, #3D232E)
• Periwinkle Workshop color palette (#FCF2F5, #D7DEFC, #90A1E1, #34898A, #43455F)
• Misty Cornflower Canyon color palette (#FAF4EB, #9ED5FE, #077BF3, #006476, #313C69)
• Antique Denim color palette (#F2EDE4, #65ABBA, #00607F, #003E3B, #002139)
• Timeworn Olive color palette (#FFF2EE, #C06C71, #4B8F28, #3869AC, #49312A)
• Worn Cerulean color palette (#E6DED2, #368BAF, #003F68, #002225, #000720)
• Patina Veranda color palette (#FDF4E6, #62C9D8, #007A98, #00574E, #003753)

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