Azure Drift color palette — #FBF2F8 · #BAF0FF · #4798DA · #006C53 · #141844
Cornflower and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Frost (#BAF0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#4798DA): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006C53): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#141844): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Aged Periwinkle Canyon color palette (#FEF1F7, #D7D4E0, #78A9E9, #0E8070, #2B294E)
- Cornflower Orchard color palette (#FFF1F6, #A8D2EF, #5273D3, #00514F, #12002C)
- Muted Studio color palette (#F5ECE8, #81BCCC, #006DAD, #00523D, #222955)
- Feathered Azure Cabin color palette (#EBF7FF, #2DAFF3, #B44D27, #7F5000, #000E19)
- Patina Summit color palette (#ECF7FF, #67C9FF, #0080AE, #003B53, #000205)
- Dusty Teal color palette (#9FFFD7, #00C1C2, #00879D, #00557A, #001846)
- Misty Drift color palette (#EBF7FF, #2CCBF8, #CF5C2E, #006E8A, #2F0A00)
- Nightshade Lantern color palette (#EAD9E0, #68ABD0, #224EA8, #002C28, #010008)
Browse the whole catalog at Explore, or see today's palette.