Misty Workshop color palette — #FFF0F9 · #8AD8F3 · #088EF5 · #007460 · #29276C

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ice Blue (#8AD8F3): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#088EF5): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007460): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#29276C): A deep, shadowed, balanced 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 Misty 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

• Patina Periwinkle Archive color palette (#FFF2EB, #D5E6FB, #3D9CFE, #007461, #1E1B4F)
• Wandering Quarry color palette (#FEF0FF, #72DFDD, #009BC0, #007925, #003460)
• Frosted Cobalt Workshop color palette (#EEDEE6, #86BAD1, #3574C6, #005A4F, #1D1547)
• Airy Sky color palette (#ECF9EF, #9EE6FF, #2DB7FC, #00979A, #003362)
• Dusty Alley color palette (#FCF2F6, #D6DDF9, #8FA4D6, #268B87, #414560)
• Hushed Field color palette (#DEF2E8, #00BABF, #008BA4, #005894, #192471)
• Worn Cobalt Courtyard color palette (#D3EFFF, #61BEFF, #007EBF, #004F7E, #001D2D)
• Misty Villa color palette (#E6F9FF, #C4DAFF, #EF94FA, #009382, #003954)

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