Azure Drift color palette — #B9FAE9 · #65CCD0 · #33A2CC · #3D71A5 · #3C4468
A conversation between Cyan and Slate, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B9FAE9): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#65CCD0): A luminous, balanced teal — the color of shallow lagoons.
- Cyan (#33A2CC): A luminous, balanced blue — the color of deep harbor water.
- Slate (#3D71A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#3C4468): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Azure Drift 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
- Hazy Drift color palette (#DDFCFF, #6AECF9, #00ABD5, #3376AE, #31405F)
- Soft Azure color palette (#BAF7FF, #6CC9F1, #6191D8, #635F9E, #5F3848)
- Chalky Cerulean color palette (#B7EBFB, #57B1C2, #008CAE, #005C86, #3C3B68)
- Ancient Sky Thicket color palette (#B5F3F5, #65D7EF, #00BCEB, #358FC5, #245147)
- Antique Teal color palette (#CBEABF, #71CFAA, #00ACAD, #007D95, #1A4F41)
- Cerulean Grove color palette (#E3FCF0, #6CC4EC, #D5936A, #1F8CB5, #5E371E)
- Ultramarine Pier color palette (#CDEEF0, #00ABD9, #007BC5, #1C37C6, #3E1B7B)
- Airy Navy color palette (#D5E6E2, #008696, #005D7E, #081090, #110045)
Browse the whole catalog at Explore, or see today's palette.