Azure Workshop color palette — #FBF4EA · #C3F2D9 · #1C9CDC · #00696C · #001E3F
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Honeydew (#C3F2D9): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#1C9CDC): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00696C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#001E3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Patina Petrol Orchard color palette (#F9F4EC, #C1E3F5, #78ABDE, #007D8B, #1A2C55)
- Petrol Harbor color palette (#E7F2E9, #6ABEDC, #0070A2, #004F51, #162F4C)
- Frosted Cornflower color palette (#FAF4EC, #A5D1F7, #3C77D8, #004F61, #070035)
- Washed Denim color palette (#E8E3DB, #7BA8C8, #0052A3, #002A33, #00000B)
- Lilac Boulevard color palette (#FFF0F7, #987CE6, #C56300, #007D66, #100229)
- Petrol Meadow color palette (#F7EDDD, #71C6D2, #00728E, #003F37, #000306)
- Lagoon Lagoon color palette (#F8F5EE, #C3DEE2, #7FC8D6, #299679, #224837)
- Cerulean Harbor color palette (#F8F5EF, #C8DBE4, #B6C0F0, #4EA0A8, #5D435C)
Browse the whole catalog at Explore, or see today's palette.