Terracotta Harbor color palette — #F7E0D7 · #9F1D27 · #004C33 · #002E49 · #2A0713
Built around Garnet, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Shell Pink (#F7E0D7): A whisper-light, dusty orange — the color of sun-warmed clay.
- Garnet (#9F1D27): A full-bodied, vivid orange — the color of autumn markets.
- Forest (#004C33): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002E49): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#2A0713): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Misty Navy color palette (#F7E5D7, #8D4100, #004847, #0A0078, #260506)
- Mulberry Harbor color palette (#FEE2E0, #8E1565, #274500, #002B2E, #220516)
- Smoked Cocoa Parlor color palette (#F4E2D7, #832D00, #003933, #001C3D, #170010)
- Wandering Thicket color palette (#F9E3D8, #AC2900, #4A4600, #002C51, #0B0200)
- Patina Bronze color palette (#EFDDD1, #A54A00, #0F5607, #003248, #380039)
- Hushed Rust color palette (#FFF2EC, #A84F42, #005D49, #003B67, #33161A)
- Washed Drift color palette (#EEDBBE, #AF5D3D, #644700, #003A44, #3A1A00)
- Terracotta Veranda color palette (#F6ECE8, #D5CAC1, #AD9E8A, #8E321C, #3D281D)
Browse the whole catalog at Explore, or see today's palette.