Terracotta Pier color palette — #D9E5F0 · #0069A7 · #A00E00 · #403600 · #000815

Built around Garnet, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#D9E5F0): bright and airy, almost weightless.
• Peacock (#0069A7): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#A00E00): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#403600): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000815): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Terracotta Pier 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 Summit color palette (#E2EEFF, #2E5DC2, #843F00, #363A00, #00071B)
• Weathered Mulberry Station color palette (#D9F3FF, #007182, #9C0051, #542900, #00090F)
• Misty Lapis color palette (#D8DEF3, #6851CD, #86002E, #2F2700, #000E0C)
• Ancient Petrol Bloom color palette (#C2E8D8, #006B93, #6F4B00, #4B3200, #002117)
• Soft Chapel color palette (#EBF7FF, #0097C4, #D32D2E, #255C00, #000911)
• Hazy Azure color palette (#BFE9DC, #2999E8, #A43427, #605200, #002119)
• Hushed Aubergine color palette (#E0F1E3, #6969D3, #78008D, #382A00, #110527)
• Antique Villa color palette (#ECF2FF, #747CD5, #A16600, #3F5D07, #13192A)

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