Terracotta Harbor color palette — #F5D8D2 · #A41400 · #5A4D00 · #65006B · #060000
Built around Burnt Sienna, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F5D8D2): A whisper-light, dusty orange — the color of toasted spice.
- Burnt Sienna (#A41400): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#5A4D00): A full-bodied, balanced green — the color of fresh herbs.
- Royal Purple (#65006B): A deep, shadowed, vivid pink — the color of a candy shop window.
- Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Terracotta Harbor 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
- Aubergine Canyon color palette (#F8E3E0, #A20052, #6E4100, #4A0097, #060001)
- Garnet Ridge color palette (#FFE8D2, #7F4900, #375800, #73003C, #040100)
- Hushed Pier color palette (#E8DAE4, #950086, #852B00, #171BAA, #050004)
- Tempered Garnet color palette (#EEE7D2, #7C6300, #006D42, #8F0111, #0B0700)
- Garnet Cabin color palette (#F9D8D9, #7A0023, #003C3A, #062231, #070001)
- Faded Hollow color palette (#FFE8DF, #D6866E, #C1660E, #8B1A37, #1C0100)
- Chalky Garnet color palette (#F2D9D6, #C54745, #90030C, #3B0005, #070000)
- Hushed Lantern color palette (#EADDCA, #856B20, #5B3F00, #351F00, #050300)
Browse the whole catalog at Explore, or see today's palette.