Terracotta Harbor color palette — #F7DBCE · #9B0802 · #004966 · #002D40 · #220000

Garnet and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F7DBCE): A whisper-light, dusty orange — the color of toasted spice.
• Garnet (#9B0802): A full-bodied, vivid orange — the color of autumn markets.
• Navy (#004966): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002D40): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#220000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, 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

• Mulberry Study color palette (#ECDBD6, #9A002C, #005130, #00321E, #210104)
• Aged Navy color palette (#F2DCC3, #714700, #004771, #002B48, #160A00)
• Soft Archive color palette (#FEDFCE, #8F2900, #00437D, #180978, #1F0400)
• Mulberry Atelier color palette (#EFE8FA, #8C0A74, #004B61, #002457, #070004)
• Brick Courtyard color palette (#FFDBD3, #BE2100, #0058A5, #680061, #3F0802)
• Aubergine Coast color palette (#ECE0D1, #985000, #3B4100, #23006A, #201300)
• Plum Harbor color palette (#FDD4DA, #994A9E, #006D7C, #004670, #1C001E)
• Cocoa Veranda color palette (#E5DDD5, #BFB8AB, #938F75, #663700, #291C0F)

Browse the whole catalog at Explore, or see today's palette.