Terracotta Garden color palette — #F6DCD0 · #9A0D00 · #004B5D · #002E3A · #220100

A conversation between Garnet and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F6DCD0): A whisper-light, dusty orange — the color of toasted spice.
• Garnet (#9A0D00): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#004B5D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002E3A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#220100): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Terracotta Garden 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 Field color palette (#F9E2DE, #970049, #004F45, #00302A, #21000B)
• Patina Cocoa Parlor color palette (#FCE8DA, #833A00, #004E4F, #002E2F, #060100)
• Cellar Coast color palette (#F2D9C3, #824600, #004039, #250057, #1C0020)
• Ancient Bronze color palette (#F8E4EC, #A15B00, #007065, #004E46, #180900)
• Linen Denim color palette (#FFDEBD, #945700, #0059A2, #003D72, #301900)
• Nightshade Canyon color palette (#F8DBC6, #7F3C00, #122FA6, #1D146B, #1A0700)
• Pale Market color palette (#EAE0CF, #995000, #3C4100, #190C68, #201300)
• Cocoa Loft color palette (#EAE2DA, #C1B8A8, #938F79, #683500, #2A1C0F)

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