Cobalt Workshop color palette — #F4F6F0 · #A2CAEB · #317BC3 · #005B79 · #4B2F4A
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Sky (#A2CAEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#317BC3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005B79): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#4B2F4A): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Balance. 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
- Wandering Orchard color palette (#F4F7EB, #9BCDE6, #1681B7, #005D6F, #154439)
- Hushed Petrol color palette (#FFF0FD, #CBD5FF, #ACA4EA, #3970A4, #483444)
- Tempered Cobalt color palette (#F8F0E9, #A3D3C4, #5F7BB4, #005A62, #301626)
- Aged Plum Alley color palette (#F6DAF3, #4074DC, #A13B9F, #00686A, #3B2039)
- Azure Meadow color palette (#DDF0F8, #00A8DE, #006E9F, #005282, #223D5D)
- Timeworn Azure color palette (#F4F6EF, #C5E6E9, #669FD0, #38788F, #5E4B5F)
- Powder Harbor color palette (#FDF3EA, #C1EBDC, #96B0F0, #389D99, #3E315D)
- Softworn Cerulean color palette (#F5F6EF, #C5E6CB, #009BB2, #00716E, #2B513E)
Browse the whole catalog at Explore, or see today's palette.