Hushed Loft color palette — #F0F7F2 · #D9DCF3 · #A5BFE8 · #5BA4BA · #394765

A conversation between Cyan and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D9DCF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A5BFE8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cyan (#5BA4BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#394765): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed 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

• Lagoon Canyon color palette (#FBF2F5, #D7DDFB, #92A2DB, #0A8C8D, #424466)
• Softworn Canyon color palette (#F0F7F1, #B9E9FA, #6FBFD4, #30A08A, #0B4056)
• Muted Pier color palette (#DFFDF7, #B0DFEF, #A8AAC5, #AEB07D, #355753)
• Muted Cobalt Coast color palette (#D9E9DC, #6EA9C5, #257AB5, #005C63, #00071F)
• Pale Mint color palette (#D7FFF7, #97D17B, #8AB7F3, #D78E92, #194039)
• Worn Iris Boulevard color palette (#F5F1EB, #BCE7DA, #678ECD, #09697F, #3C2135)
• Azure Harbor color palette (#D8E4DB, #98C8DE, #00A0CF, #007E77, #002138)
• Quiet Moss Alley color palette (#E0FCF5, #B8D993, #D4AAF0, #86AE53, #4F375D)

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