Terracotta Loft color palette — #CCE7E3 · #6EB8C9 · #5A85A8 · #854B59 · #583124

Coffee and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CCE7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#6EB8C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#5A85A8): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#854B59): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#583124): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Terracotta Loft 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

• Hushed Periwinkle Hollow color palette (#C7F1FE, #7AA9D5, #787EB3, #635B57, #403B35)
• Mulberry Archive color palette (#E0FBFF, #93D2DD, #648EB9, #7C4054, #4B2217)
• Hushed Lagoon Hollow color palette (#EBEBD2, #79B39B, #3B9398, #664B77, #4B2928)
• Petrol Loft color palette (#D3ECEE, #6AA2BE, #57699F, #6D3434, #3F1F00)
• Timeworn Cocoa Lantern color palette (#D0E8CF, #96C3AB, #A28AA3, #866158, #6E3806)
• Patina Periwinkle Harbor color palette (#EBF3E2, #8BC6B9, #649ADA, #95714B, #513515)
• Worn Cocoa color palette (#EAE6C3, #A0A079, #237A81, #6A3713, #303E00)
• Sunlit Study color palette (#C0E9D7, #2DB8EE, #BA5300, #006D91, #451A00)

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