Terracotta Loft color palette — #F8E3EF · #E0587C · #9D1100 · #2D1500 · #020100

Garnet and Hot Pink set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#F8E3EF): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#E0587C): A luminous, vivid red — the color of late-summer berries.
• Garnet (#9D1100): A full-bodied, vivid orange — the color of autumn markets.
• Onyx (#2D1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Warmth, Comfort, 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

• Aged Garden color palette (#F4EBFF, #C660B6, #96004B, #440200, #030100)
• Tempered Meadow color palette (#F6D7D9, #E6532F, #744700, #241D00, #010100)
• Linen Rust Garden color palette (#FFEAE9, #DD6C5E, #BF3800, #7B3300, #130600)
• Linen Plum color palette (#E9DAE4, #CE185C, #671800, #2B1300, #0C0800)
• Soft Delta color palette (#F1E4C6, #BD407F, #6B2F00, #001E2E, #040000)
• Garnet Chapel color palette (#FFEBE7, #6A666E, #911200, #1C1C11, #0B0400)
• Hushed Ember Loft color palette (#FFF1F7, #FF98A3, #D84F00, #623E00, #201C00)
• Dusty Market color palette (#F6EBEA, #DCCCC5, #B8A18D, #871E48, #0A0000)

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