Dusty Field color palette — #F1F7F2 · #D7DDEF · #7A9DBE · #227C87 · #44546A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D7DDEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7A9DBE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#227C87): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#44546A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Periwinkle color palette (#F7EFF3, #D7D1E5, #7E9DCF, #34786F, #2F354C)
• Powder Atelier color palette (#FAF4EF, #C3E1F0, #8FB3EA, #47968B, #644958)
• Denim Pier color palette (#DAE7DC, #6CA8C2, #005D8E, #003D41, #001D47)
• Antique Cerulean Market color palette (#EFF8F1, #A8D7E4, #008FA0, #006950, #00475B)
• Ancient Plum color palette (#E7FAF4, #8EA067, #5290BF, #AA5970, #2A4A41)
• Ancient Delta color palette (#E8F1E9, #5586AB, #003880, #002129, #04002D)
• Tempered Olive Workshop color palette (#EBF9F3, #ADB682, #A28CC7, #6F7B00, #47496C)
• Dusty Driftwood color palette (#EAF9F4, #C5DBF3, #99C5E3, #9B8C56, #35524C)

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