Cobalt Workshop color palette — #E6F2E8 · #80B9DC · #096AB8 · #004E59 · #1A2B57

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Sky (#80B9DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#096AB8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#1A2B57): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Petrol color palette (#E9F1EA, #7EBEC4, #00748C, #005145, #003248)
• Timeworn Villa color palette (#F2E5EA, #84BCDA, #3A67BC, #004C46, #160F30)
• Softworn Alley color palette (#EEF8F0, #ABC8E6, #4574CF, #005C73, #2D3958)
• Periwinkle Study color palette (#EDF0E4, #AEE0CD, #50ACF3, #008CAE, #0C2E53)
• Cerulean Canyon color palette (#EDF9EF, #9DDBE1, #008EAB, #00685A, #004662)
• Patina Canyon color palette (#DAE8DD, #499CB4, #005071, #003030, #00142B)
• Hushed Bloom color palette (#F1F7F2, #D9DDEE, #7D9BC5, #36798A, #485367)
• Bronze Villa color palette (#F0D6E0, #B96700, #0073A2, #6D3A00, #002D42)

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