Hazy Cobalt Workshop color palette — #FFF1F7 · #9CD6FB · #5A7CCA · #006762 · #423665

Built around Azure, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Powder Blue (#9CD6FB): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5A7CCA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#006762): A full-bodied, balanced teal — the color of sea glass.
• Navy (#423665): 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

• Cobalt Grove color palette (#FCF2F9, #94DCE5, #008ABD, #006A40, #223E72)
• Softworn Sapphire color palette (#FFF1F6, #81BFED, #4C65C3, #005655, #3D1B6B)
• Cobalt Bloom color palette (#F6F1E9, #B0DBCA, #2E86D9, #00606D, #0C1E58)
• Aged Cypress Coast color palette (#F9F3F9, #D2E2F1, #7A9FB4, #557958, #425468)
• Hazy Orchard color palette (#D8EFFF, #0088C7, #996700, #625D00, #003450)
• Mallow Ridge color palette (#ECF7FF, #E3D5EE, #E69ED3, #008479, #2A4566)
• Softworn Abyss color palette (#F2E4EF, #4D8C92, #00425C, #002411, #000721)
• Muted Sapphire color palette (#EDF6FF, #7DAEFF, #0066C5, #003C6F, #002366)

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