Azure Drift color palette — #FDF1F8 · #BFEEFF · #4996E0 · #006C58 · #181841
Cornflower and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FDF1F8): bright and airy, almost weightless.
- Frost (#BFEEFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#4996E0): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006C58): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#181841): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Timeworn Fern color palette (#FBF1FD, #B2F4EF, #00A2C2, #236E20, #00203A)
- Worn Cypress color palette (#FFF1F7, #D7D3DF, #88A7DB, #127F75, #252C4C)
- Patina Cobalt Dune color palette (#FFF1F5, #AAD1F1, #5E73C7, #005151, #13002A)
- Quiet Lantern color palette (#F6ECE7, #75BDD5, #006BB6, #005141, #262951)
- Timeworn Peony color palette (#FFF0F8, #DB5CAC, #009787, #007C6F, #1D0113)
- Powdered Pine Market color palette (#FCF1FD, #CADEF5, #00C1E8, #288D2A, #00375F)
- Nightshade Veranda color palette (#F5E1E9, #6BAAD3, #2D4BA9, #002B2A, #020007)
- Patina Petrol color palette (#FAE8F6, #7EC4CD, #00709B, #004026, #000112)
Browse the whole catalog at Explore, or see today's palette.