Azure Workshop color palette — #F9F4ED · #B9DFCB · #549ECD · #017B7F · #223C5A
Built around Cyan, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#B9DFCB): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#549ECD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#017B7F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#223C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Terrace color palette (#FAF4EB, #C5DCC4, #44A5B2, #007F5E, #194430)
- Muted Periwinkle Villa color palette (#F9F4EE, #C5EFE3, #85A5DD, #37869D, #5A3D52)
- Quiet Turquoise Harbor color palette (#D2F7F7, #00BBD1, #0094B3, #006489, #073E65)
- Muted Cobalt Corridor color palette (#FBF3EF, #A9CFBB, #3F7BBA, #006150, #333563)
- Teal Loft color palette (#F6EEE2, #4BB4B6, #007384, #004C3B, #001720)
- Ancient Cerulean Drift color palette (#D9FFF1, #D1E5FF, #BFB8E9, #479CA9, #463349)
- Weathered Alley color palette (#DEF5EA, #4BB5E0, #D67A33, #007DA3, #542700)
- Powdered Boulevard color palette (#EDE4D5, #81B9DA, #0177CC, #005763, #0A1B48)
Browse the whole catalog at Explore, or see today's palette.