Terracotta Harbor color palette — #CAE4E7 · #00735E · #9E001D · #373C00 · #001F23
A conversation between Garnet and Teal, giving this palette its sense of nature and growth.
The five colors
- Silver (#CAE4E7): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00735E): A full-bodied, balanced teal — the color of sea glass.
- Garnet (#9E001D): A full-bodied, vivid orange — the color of autumn markets.
- Deep Olive (#373C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001F23): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Brick Ridge color palette (#DFF2FA, #007F8B, #AD223D, #4E4500, #0C2B35)
- Garnet Workshop color palette (#D3E4F2, #00719E, #840039, #1D3600, #002013)
- Misty Coast color palette (#C9E5E1, #2A892B, #7D0045, #453500, #00201D)
- Muted Aubergine color palette (#C6E5E9, #007363, #6827AA, #661700, #001F23)
- Ultramarine Studio color palette (#D6E6FF, #1E48FE, #884300, #044B0C, #101D3D)
- Midnight Basalt color palette (#D2E6F0, #004D59, #552700, #00240C, #000608)
- Patina Study color palette (#EFF6FF, #5E7FC8, #A8554F, #575600, #293343)
- Pale Aubergine color palette (#E3F2EA, #00708A, #673B93, #184100, #000B05)
Browse the whole catalog at Explore, or see today's palette.