Hazy Loft color palette — #FFF3E6 · #DFE2F5 · #818EFA · #007176 · #320A52

Lavender Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Frost (#DFE2F5): A whisper-light, dusty violet — the color of wild irises.
• Lavender Blue (#818EFA): A luminous, balanced violet — the color of wild irises.
• Teal (#007176): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#320A52): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Loft 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

• Patina Basin color palette (#FFF2EB, #D2EAFF, #0DA2F5, #007556, #141C56)
• Periwinkle Dune color palette (#FDF3EA, #C5E5F9, #91A3E2, #007F80, #442131)
• Periwinkle Lagoon color palette (#EAFAED, #BCDEFF, #7DA9FF, #0092B6, #28286B)
• Hushed Lapis color palette (#FFF1F5, #8CBDE9, #4E47FF, #005558, #3E235B)
• Hazy Periwinkle color palette (#EFF6FF, #74ADFF, #9C7000, #646700, #00112F)
• Aged Ultramarine color palette (#C6FFFE, #16C7F4, #008CDB, #2C3FCB, #240056)
• Tempered Courtyard color palette (#D8FFF4, #67BAFF, #CB8F06, #006EB1, #2B1B00)
• Patina Workshop color palette (#EDF6FF, #E3DAE3, #FFBBD5, #009EA6, #1F2961)

Browse the whole catalog at Explore, or see today's palette.