Terracotta Garden color palette — #FFE1F3 · #8B2F00 · #004B5D · #002E3A · #1B0314

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

The five colors

• Blush (#FFE1F3): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#8B2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• 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 (#1B0314): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged muted, 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

• Lowlit Cocoa Lantern color palette (#EBDBE4, #703500, #003152, #001C32, #0A0019)
• Misty Mulberry color palette (#ECDCF9, #920060, #004C56, #002F36, #1F0111)
• Tempered Navy Archive color palette (#F7EADA, #9B4E00, #2A4600, #1D1160, #1F1400)
• Wandering Cocoa Garden color palette (#EFE4E8, #AABFB2, #709790, #673600, #2A1921)
• Charred Onyx Summit color palette (#F8DBC9, #883400, #384C00, #430049, #060100)
• Faded Nightshade color palette (#F8E3ED, #7F3C00, #2F26A6, #1C0D73, #1A0700)
• Gentle Courtyard color palette (#FFD8EA, #9E4F00, #4131D9, #2B288F, #341600)
• Patina Bronze Harbor color palette (#F6E0DE, #BC6400, #544800, #163000, #001D14)

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