Dusty Loft color palette — #F4F3E0 · #6FAC86 · #007D6B · #05487C · #1D270B

A conversation between Navy and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F3E0): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6FAC86): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007D6B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#05487C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#1D270B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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

• Washed Hollow color palette (#F9F2DC, #9EA25E, #537738, #005057, #282305)
• Weathered Denim Orchard color palette (#F1F3E5, #72BAB7, #408392, #4E4887, #1F3121)
• Worn Studio color palette (#F1F4E3, #649E63, #007375, #672E00, #221F00)
• Dusty Terrace color palette (#FFF0F8, #86A363, #007A72, #713756, #1D4542)
• Aged Lagoon color palette (#F2F2EB, #CDE4CB, #3B9EA4, #006E5F, #003339)
• Soft Nightshade color palette (#E0F1D9, #009482, #005E63, #200092, #001615)
• Patina Market color palette (#E5FBF4, #7AC593, #009C83, #326796, #254344)
• Feathered Harbor color palette (#EDF8D0, #00A2BB, #006994, #580686, #00202A)

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