Dusty Field color palette — #F0F3EC · #A2D4C5 · #4A7EBA · #005775 · #0F1F3D

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Pistachio (#A2D4C5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4A7EBA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005775): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0F1F3D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cerulean Archive color palette (#F2F3E9, #B1D1BA, #2C88A1, #005B5D, #00281A)
• Washed Canyon color palette (#FDF2F5, #B0C8DE, #5976B8, #005E68, #38345C)
• Wandering Azure color palette (#D3F1FF, #259BD2, #006DA8, #004377, #022044)
• Antique Pier color palette (#EEF2DD, #4996AA, #005169, #002B2F, #00050A)
• Linen Station color palette (#D3F1E7, #4798D5, #329245, #005A8D, #002407)
• Cobalt Alley color palette (#F4DCF3, #417AD1, #954E9A, #006967, #1F0B1F)
• Antique Periwinkle Boulevard color palette (#FCF4EB, #C4E4F8, #85A5E9, #007D89, #2C294C)
• Worn Lagoon color palette (#FFEAFD, #F7C9D1, #B9AFE4, #4A77A5, #351E31)

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