Weathered Orchard color palette — #FFF2EC · #B66761 · #116E83 · #314F6C · #3E2B33

A conversation between Mocha and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Mocha (#B66761): A luminous, balanced orange — the color of toasted spice.
• Teal (#116E83): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#314F6C): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#3E2B33): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered Orchard 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

• Antique Amber Alley color palette (#FDF4E9, #AC7F29, #436C92, #305373, #41312F)
• Weathered Driftwood color palette (#FFF2EF, #B16583, #2B7355, #4B4E47, #382D35)
• Amber Cabin color palette (#FDF3ED, #CF8163, #397F68, #43517C, #54374F)
• Tempered Chestnut Delta color palette (#FFF2E9, #9B4E00, #005B7A, #004259, #38131B)
• Muted Pier color palette (#FCF3EF, #DDDBD0, #A1B0AC, #AF704B, #58514D)
• Softworn Quarry color palette (#F6F2E6, #A09245, #646F3B, #00544E, #251515)
• Muted Bronze Delta color palette (#FCF0E2, #AD6C00, #3F3C35, #30271D, #18150F)
• Washed Coast color palette (#FDF4E4, #E48D73, #847744, #6A4E6B, #693B00)

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