Dusty Loft color palette — #F9F3F7 · #D2D6EA · #ABC3E9 · #6EB489 · #3A566B

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D2D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#ABC3E9): A luminous, dusty blue — the color of open sky before noon.
• Jade (#6EB489): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3A566B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Stone Atelier color palette (#EBF9F6, #CDD8F0, #C1BE85, #B6A9AD, #3B5656)
• Ancient Veranda color palette (#EBF9F6, #C0E0B6, #D7B7F6, #7CBC68, #564468)
• Softworn Lagoon Villa color palette (#F5F6EF, #CDE2DB, #7FBEC0, #409885, #37523E)
• Airy Sky color palette (#FBF2F8, #AFF1FF, #59C3FA, #00A88E, #0E3F79)
• Cerulean Dune color palette (#ECE3EA, #6FBECB, #008FBD, #006F58, #00142C)
• Ancient Olive color palette (#F9F0EB, #C4ECDF, #7FA88C, #63732F, #1F3D32)
• Washed Blush color palette (#E6FAF8, #A8D5AC, #D2ABEE, #E18A9F, #2B4946)
• Iris Harbor color palette (#F6E6EC, #9DC5E9, #668AF8, #007B8A, #210E4D)

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