Hazy Loft color palette — #F2E5DB · #74A9CB · #3B5EBF · #004A47 · #1A003C

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F2E5DB): a clean, paper-quiet neutral.
• Blue Fog (#74A9CB): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#3B5EBF): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1A003C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Aged Onyx Basin color palette (#FEEBE4, #72ADB5, #006F9B, #004D2F, #000646)
• Ultramarine Canyon color palette (#FCE8F0, #74C1EE, #2F5CD0, #003E3B, #030010)
• Wandering Navy Alley color palette (#DFEBE1, #5897BF, #00498B, #002F37, #060E37)
• Muted Field color palette (#EEE2CF, #51BBF9, #1183EB, #006A7B, #040A3E)
• Gentle Alley color palette (#F8ECE3, #A0D1BD, #5B85D1, #006D64, #2E2358)
• Antique Grape color palette (#F1F0E2, #759622, #6C1EBC, #394D00, #160030)
• Antique Lagoon color palette (#FCF3EF, #C6E5DF, #72ADCF, #398D63, #35476B)
• Pale Azure Pier color palette (#F4EED4, #6ACA9C, #00A2CC, #704E00, #001B04)

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