Terracotta Canyon color palette — #E7F9FD · #5C9E96 · #7979A9 · #8A4858 · #274248

Coffee and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Eucalyptus (#5C9E96): A luminous, dusty teal — the color of glacier melt.
• Slate (#7979A9): A full-bodied, dusty violet — the color of a velvet chair.
• Coffee (#8A4858): A full-bodied, balanced red — the color of late-summer berries.
• Deep Teal (#274248): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication. Tagged 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

• Pewter Harbor color palette (#E9F9F8, #6C9E7D, #50889E, #744C86, #284342)
• Wandering Delta color palette (#ECF7FF, #6797B5, #976E9A, #894F10, #2C404F)
• Chestnut Balcony color palette (#FFF1F8, #7BB5A6, #497E9B, #7E4A33, #2C4D57)
• Iris Meadow color palette (#E9F6EE, #54A1B7, #8D74B6, #75506D, #19261F)
• Wandering Denim Villa color palette (#EBF8FB, #468E88, #605A9B, #7C3A30, #223939)
• Worn Lagoon Workshop color palette (#EFF7F8, #D6DAE1, #B3A9B0, #399385, #4B5556)
• Lilac Pier color palette (#EEF8EE, #CCA366, #B986C1, #A3647C, #364036)
• Aged Pine color palette (#EFF7F6, #A4CCAC, #6B7BAE, #2A8046, #262E3C)

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