Terracotta Canyon color palette — #FEF1FA · #85B591 · #3E838E · #814549 · #2B4E52

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Sage (#85B591): A luminous, dusty teal — the color of sea glass.
• Slate (#3E838E): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#814549): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#2B4E52): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Terracotta Canyon 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

• Dusty Mulberry Study color palette (#FFF0F7, #B1A976, #478664, #7C416E, #344E46)
• Chestnut Parlor color palette (#ECF9ED, #7DB1BF, #557AA3, #735312, #304C59)
• Lagoon Orchard color palette (#F2F3E5, #77BBAD, #15888F, #454F7A, #233021)
• Lagoon Pier color palette (#EFF7F5, #A3C9C9, #4E8E87, #4B6E66, #3B5252)
• Softworn Lagoon color palette (#FFF0F7, #11A47B, #006A87, #6C3300, #003F3B)
• Softworn Seafoam color palette (#FFF2EB, #96E5B8, #7AB9CB, #AC7F78, #404C3B)
• Ancient Garden color palette (#ECF8F9, #E2EFBC, #7EE5D5, #39A3D0, #25505E)
• Dusty Denim color palette (#F7D2E4, #008A7E, #00517F, #532300, #002A2F)

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