Hazy Cobalt Workshop color palette — #FFF2EC · #6DE1F6 · #1788C3 · #006A48 · #2F3E67

A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Ice Blue (#6DE1F6): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#1788C3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006A48): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2F3E67): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Hazy 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

• Dusty Drift color palette (#FDF3E9, #9ED5FF, #6179CC, #006666, #463368)
• Dusty Ridge color palette (#FFF2EB, #5EC8E2, #0073B6, #005842, #222A6B)
• Worn Cerulean Pier color palette (#E4F6F3, #91DEED, #0091B0, #006264, #002939)
• Muted Cerulean color palette (#FDF3F0, #C6E7C6, #4596B2, #3F6F46, #534055)
• Turquoise Chapel color palette (#F5F6EC, #9DE9F7, #2AACCB, #008284, #00475D)
• Worn Bronze color palette (#BDF7FF, #00909E, #A85C00, #6F5700, #00383E)
• Onyx Pier color palette (#FCE9E1, #2DA0AC, #005070, #00321B, #000B40)
• Scarlet Boulevard color palette (#DCFFEA, #00A4C4, #D44832, #00677C, #652015)

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