Frosted Cobalt Workshop color palette — #FFF3E9 · #8ADAFF · #417FD5 · #00685C · #3D3A63

Azure and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Ice Blue (#8ADAFF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#417FD5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3D3A63): A deep, shadowed, dusty 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 Frosted 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

• Forest Drift color palette (#FFF2EE, #74E2E7, #008CB5, #006B34, #244066)
• Sapphire Courtyard color palette (#FFF3E8, #63C3F8, #3A68C8, #005651, #352562)
• Cobalt Terrace color palette (#E3F7F5, #ACD6F3, #218BC7, #005F72, #002645)
• Timeworn Summit color palette (#FCF3EF, #BEE9CB, #5191BE, #3D6E59, #583E53)
• Denim Meadow color palette (#C7F5ED, #00BECF, #007BA9, #004F99, #35356B)
• Misty Coast color palette (#D4F0FF, #008BBA, #9A6600, #635D00, #00354A)
• Mallow Canyon color palette (#E8F8FF, #DFD6F5, #E49ACB, #007D76, #50364F)
• Periwinkle Boulevard color palette (#EDF7FF, #6AAAFF, #006DAC, #003E65, #002443)

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