Cobalt Workshop color palette — #FFF1F5 · #A8C9E8 · #6473B7 · #005F61 · #353757

A conversation between Slate and Peacock, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#A8C9E8): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6473B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#353757): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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 Canyon color palette (#FCF1FC, #93D2D4, #3582A1, #2B603B, #243C58)
• Hazy Sapphire Chapel color palette (#FFF0F7, #45C6FD, #2A69CC, #00574E, #322761)
• Antique Field color palette (#F0F3EB, #ACD1C7, #577DB2, #005679, #0E1D44)
• Dusty Periwinkle color palette (#EAF9F8, #BDD8F3, #6B97D4, #2F7498, #29395F)
• Muted Workshop color palette (#EDF7FF, #DED9FF, #D39AB1, #377775, #323C51)
• Soft Cobalt color palette (#D0E8FF, #007FCB, #846900, #4C5D16, #142D44)
• Dusty Cerulean Summit color palette (#FCF4EC, #C7E9DF, #9AAFED, #009DB2, #3B335D)
• Tempered Delta color palette (#F2E5F3, #3A908D, #004454, #002504, #000A18)

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