Dusty Summit color palette — #F2F3E6 · #7CAD93 · #197465 · #633744 · #172004

A conversation between Teal and Cocoa, giving this palette its sense of sophistication and grounding.

The five colors

• Cream (#F2F3E6): a clean, paper-quiet neutral.
• Sage (#7CAD93): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#197465): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#633744): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#172004): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Softworn Villa color palette (#E9F9F4, #72A98E, #037173, #643B57, #003E3F)
• Weathered Loft color palette (#EEE6C1, #75A45A, #006E38, #682700, #091B00)
• Cocoa Loft color palette (#F9F1E2, #B3B889, #657E4E, #804128, #2D2711)
• Antique Study color palette (#F7F6E7, #ACDDC3, #439999, #805658, #222C0C)
• Chalky Mulberry Balcony color palette (#FEEED1, #987700, #007D8B, #823A7F, #1D1200)
• Weathered Taupe color palette (#FFF1C8, #BBA24E, #766500, #3F3600, #0E0B00)
• Weathered Cerulean Thicket color palette (#F8F1E6, #B5D0B7, #008BA0, #005D4B, #002432)
• Soft Amber color palette (#F2DDD3, #CB7D31, #8F5E00, #564200, #262200)

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