Azure Workshop color palette — #FDF1FB · #CFDAF4 · #00A7E4 · #007748 · #041E59
A conversation between Cyan and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1FB): bright and airy, almost weightless.
- Powder Blue (#CFDAF4): A whisper-light, dusty violet — the color of a velvet chair.
- Cyan (#00A7E4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007748): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#041E59): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure 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
- Wandering Periwinkle color palette (#FFF0F7, #DAD5EB, #5E96FF, #00736A, #280F5A)
- Patina Aqua color palette (#FFF2ED, #00CFDE, #0078A2, #005933, #103067)
- Antique Turquoise color palette (#FCF4E7, #74EFFC, #00BDE5, #009987, #003850)
- Cobalt Villa color palette (#FCF1F9, #93D9E6, #0083BF, #005439, #020038)
- Hushed Boulevard color palette (#F9F3F7, #D7D4E1, #8FBFF2, #1C977D, #323E5E)
- Dusty Denim color palette (#F0DEE7, #70ABC5, #0051A7, #002C25, #010009)
- Misty Fuchsia Veranda color palette (#FFF0F8, #FF70C5, #059224, #007461, #280019)
- Pale Indigo Veranda color palette (#FCF0FF, #E8DBD7, #FFC973, #7275FA, #4B052C)
Browse the whole catalog at Explore, or see today's palette.