Azure Studio color palette — #FAF3F9 · #A2F7FB · #00A0CF · #006F36 · #081E3B
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF3F9): bright and airy, almost weightless.
- Sea Foam (#A2F7FB): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#00A0CF): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006F36): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#081E3B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure Studio 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 Cornflower color palette (#FEF1F8, #C5EDFF, #4F92EC, #006B5E, #1C193A)
- Dusty Sky color palette (#F9F3F7, #D5D4E3, #47B1EB, #2C805A, #1F2D4D)
- Hushed Cobalt Grove color palette (#FFF0F9, #8CD9F0, #007ED0, #005341, #07032F)
- Petrol Study color palette (#E0ECEA, #7BC1C4, #007986, #004C46, #001A20)
- Softworn Lilac color palette (#F2F5FF, #9975F9, #009A67, #007B77, #0F0525)
- Denim Courtyard color palette (#F2E1EC, #66AEBF, #005A8A, #002D1F, #00000B)
- Ultramarine Atelier color palette (#FCE8EE, #85BEE6, #3553E1, #003E3D, #04000F)
- Softworn Powder color palette (#F9F3F8, #D4D5E3, #8BD7FD, #749D82, #404E61)
Browse the whole catalog at Explore, or see today's palette.