Terracotta Ridge color palette — #E4FCEE · #00C1EA · #9364C2 · #981300 · #202500

Garnet and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4FCEE): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C1EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Amethyst (#9364C2): A full-bodied, balanced violet — the color of a velvet chair.
• Garnet (#981300): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#202500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Weathered Quarry color palette (#E7FCE9, #00C5D1, #7667E4, #97003F, #2B2000)
• Feathered Bloom color palette (#E6FBF4, #5EAEE8, #A55594, #684000, #002215)
• Washed Workshop color palette (#FFF0FD, #98BAFF, #BC6E88, #6E5A00, #003330)
• Grape Ridge color palette (#EAF8FF, #008BA9, #811EA8, #692A00, #0A3C02)
• Antique Brick Basin color palette (#FFF0F8, #9385FF, #C21E37, #3E4400, #00161A)
• Wandering Azure color palette (#DDFEF0, #009ED9, #4C314B, #001B12, #000201)
• Powdered Boulevard color palette (#F1F9E3, #1ED888, #838BFA, #976D00, #003B21)
• Softworn Bronze Workshop color palette (#E5F9FF, #D5D9F6, #A59ED8, #9D5E4B, #574119)

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