Dusty Field color palette — #F1F5FE · #B6F1F4 · #7982B2 · #3D465B · #171B24

Built around Slate Blue, softened by Sea Foam — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Sea Foam (#B6F1F4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7982B2): A luminous, dusty violet — the color of wild irises.
• Charcoal (#3D465B): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#171B24): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Thicket color palette (#F7F3FE, #E7ECA1, #946584, #3D334B, #110D16)
• Patina Ash color palette (#F1F5FE, #B5EBDC, #929CC6, #626D84, #252B38)
• Ancient Powder color palette (#F1F5FF, #BDBBFF, #94BB89, #5C8D85, #2C3140)
• Hushed Denim color palette (#F9EEF5, #CBC59D, #595D88, #43263A, #1C0F18)
• Aged Taupe Parlor color palette (#E5FBF3, #EECFFF, #CF8D95, #497B87, #413C4C)
• Tempered Stone color palette (#F3F5FD, #E0D8E1, #DD9C89, #9A91C9, #251A22)
• Chartreuse Market color palette (#F2F5FF, #B3EF56, #7155B8, #322258, #050613)
• Dusty Mallow Harbor color palette (#F6F3FF, #D49ADE, #999342, #666934, #1D2B35)

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