Terracotta Loft color palette — #FAE8F8 · #CB6F6D · #008C7F · #99252E · #003F38

A conversation between Garnet and Coral Clay, giving this palette its sense of balance.

The five colors

• Blush (#FAE8F8): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#CB6F6D): A luminous, balanced orange — the color of autumn markets.
• Fern (#008C7F): A full-bodied, balanced teal — the color of sea glass.
• Garnet (#99252E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#003F38): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Balance. Tagged warm.

Use it as a design system

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

• Washed Veranda color palette (#F3EAFC, #C46C9C, #1F8E5A, #8C2A66, #024125)
• Linen Amber color palette (#FDE8F4, #CF7044, #0982B6, #8F3700, #003A55)
• Chalky Chestnut Coast color palette (#FFF0F8, #D08D6E, #009DA3, #9C4C20, #074C4F)
• Tempered Rust Quarry color palette (#F7DAF2, #C34F47, #007C7C, #285B80, #3A2236)
• Brick Field color palette (#EFDDED, #BA393A, #006575, #70000F, #001F25)
• Wandering Crimson color palette (#F8E9F8, #E48B8D, #919F30, #CC2341, #343A00)
• Softworn Cocoa Parlor color palette (#D7F0DA, #9D9964, #7B5F25, #663509, #09392F)
• Mulberry Coast color palette (#FEE2D9, #C5787E, #6670D2, #A00233, #131345)

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