Hazy Drift color palette — #FFF1F7 · #9CD4F4 · #0F77E5 · #005153 · #080132
Azure and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sky (#9CD4F4): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#0F77E5): A full-bodied, vivid blue — the color of deep harbor water.
- Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#080132): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy 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 Cerulean color palette (#FFF0FB, #8ADBE6, #0086AF, #005340, #000D1F)
- Denim Loft color palette (#F3E8E0, #70A4C1, #2552AA, #003A35, #0D002A)
- Azure Dune color palette (#EBEFDF, #79CBF9, #029AEB, #007995, #00203F)
- Forest Balcony color palette (#FDF1F9, #ACF6F0, #00A4BB, #006E3B, #002232)
- Patina Turquoise Alley color palette (#FBF2F8, #CDDAF1, #00B7E3, #05835E, #12314A)
- Sunlit Byzantium color palette (#D6F7E9, #9FA923, #9226DA, #4D5200, #0E001C)
- Hushed Powder Coast color palette (#FAF3F5, #D9D4DE, #9BB9FF, #1D92A0, #363D5A)
- Amethyst Workshop color palette (#BDEED8, #807F00, #6530FF, #910875, #020200)
Browse the whole catalog at Explore, or see today's palette.