Soft Terracotta color palette — #FFF1F3 · #FFB2B9 · #D85C5B · #A11F19 · #4E1302
A conversation between Garnet and Scarlet, giving this palette its sense of warmth and comfort.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Ballet Pink (#FFB2B9): A whisper-light, balanced red — the color of a theater curtain.
- Scarlet (#D85C5B): A luminous, balanced orange — the color of sun-warmed clay.
- Garnet (#A11F19): A full-bodied, vivid orange — the color of sun-warmed clay.
- Espresso (#4E1302): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Warmth, Comfort, Balance. Tagged warm.
Use it as a design system
One click turns Soft Terracotta 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
- Airy Delta color palette (#FFF2F0, #F9A290, #D7663C, #9E4400, #512400)
- Brick Pier color palette (#F5D8D7, #E6605A, #AF2100, #5C1800, #150400)
- Mulberry Study color palette (#FFF0FB, #FAACDE, #D35C9B, #9A115A, #561C2F)
- Hazy Peony Study color palette (#F4DAEA, #E95D8C, #AC3940, #742C11, #301800)
- Ember Villa color palette (#F8E2DB, #D76000, #7D3D00, #3F2000, #040200)
- Softworn Scarlet color palette (#FFF0FC, #FFA298, #A397F3, #D72227, #271F4D)
- Apricot Veranda color palette (#FFE3D3, #FD9120, #AF6800, #674100, #332200)
- Worn Coral Harbor color palette (#FFF0F9, #F6EFC2, #E6D5D5, #CA7872, #452B3A)
Browse the whole catalog at Explore, or see today's palette.