Cobalt Workshop color palette — #F5D8E6 · #007CB6 · #586E00 · #061109 · #020200

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5D8E6): A whisper-light, dusty rose — the color of pressed rose petals.
• Cerulean (#007CB6): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#586E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#061109): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Muted Workshop color palette (#E7E7FF, #008871, #875900, #0F0F06, #030100)
• Ancient Violet color palette (#F9D8CC, #7964FF, #00837C, #041013, #000300)
• Patina Spruce color palette (#E5EADF, #959C93, #5B7961, #003422, #060B01)
• Feathered Indigo Veranda color palette (#EDD8E2, #7354FF, #8F6700, #0D0E02, #000300)
• Deep Grape Villa color palette (#E7DEEA, #6800E9, #585500, #080D07, #020100)
• Fern Loft color palette (#EDEFE3, #1F6D1F, #002E3A, #022502, #000203)
• Hushed Emerald color palette (#F4E0DE, #78A1FF, #14B12A, #002920, #121400)
• Sunlit Fuchsia color palette (#FDD9C5, #F067FF, #00AEB3, #102B38, #061E0B)

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