Cobalt Workshop color palette — #F0F7F1 · #A8C9E9 · #4E76C2 · #005C73 · #2E3A56

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sky (#A8C9E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4E76C2): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2E3A56): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Study color palette (#ECF9EE, #67C4F0, #0072B8, #00555D, #113066)
• Tempered Cobalt Meadow color palette (#F9EFF2, #A3CDF1, #6876B9, #005B5D, #1C1C3A)
• Muted Drift color palette (#EFF8F0, #A6CCD9, #00879C, #00624F, #084055)
• Iris Canyon color palette (#FCF4EA, #B1DAFD, #8090D9, #007B7E, #413256)
• Hushed Denim Courtyard color palette (#E5F1E8, #559AAF, #005071, #003030, #00142B)
• Soft Olive Drift color palette (#C8EEE7, #408F18, #2A6AC5, #913941, #03332E)
• Softworn Violet color palette (#D7F6EF, #729D45, #9552CF, #3D6300, #402856)
• Patina Teal color palette (#D9FEF8, #A3E9C6, #39BDB8, #6E773F, #284645)

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