Terracotta Harbor color palette — #FBF2FA · #5677BB · #943B04 · #424300 · #1D2E20
A conversation between Burnt Sienna and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2FA): bright and airy, almost weightless.
- Slate (#5677BB): A full-bodied, balanced violet — the color of wild irises.
- Burnt Sienna (#943B04): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#424300): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#1D2E20): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant, muted.
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
- Frosted Pier color palette (#FFF0F7, #7966B6, #815500, #155420, #1C3229)
- Mulberry Alley color palette (#ECF9F3, #1087B3, #982B51, #573B00, #28301E)
- Sunlit Terracotta color palette (#FEF1F8, #8579D4, #A5393C, #454E00, #004049)
- Antique Periwinkle color palette (#F0F5FF, #659BFF, #9E671D, #7D5015, #172E2F)
- Pewter Balcony color palette (#FFF4E2, #8C8FD9, #875291, #5F4B00, #4E3440)
- Patina Balcony color palette (#FFEDEC, #B763A4, #953C64, #623C00, #07190F)
- Worn Petrol color palette (#F9F3F7, #E1D7D7, #CEBAB6, #6671A0, #4D454B)
- Aged Byzantium Pier color palette (#FFF1F4, #9536B2, #634E00, #004839, #321C31)
Browse the whole catalog at Explore, or see today's palette.