Terracotta Atelier color palette — #D8F6EC · #2288CD · #971700 · #433800 · #000103

Garnet and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8F6EC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2288CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Garnet (#971700): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#433800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Faded Station color palette (#FFF0FD, #0162EA, #801D00, #292900, #000202)
• Plum Terrace color palette (#DDF6E4, #008193, #AE005D, #552D00, #000201)
• Powdered Indigo color palette (#FFE5F7, #585CE6, #8A4F00, #2D4000, #01000A)
• Timeworn Pier color palette (#D4E9FF, #005493, #6C3000, #421A00, #000207)
• Soft Grove color palette (#DDF0E7, #0097CB, #A77300, #835900, #00120A)
• Pale Aubergine Balcony color palette (#FEEBCF, #7577F6, #83009D, #372900, #050015)
• Frosted Iris color palette (#FFF0FA, #8B96FF, #9C5F00, #4C5D00, #07052C)
• Cocoa Harbor color palette (#CDF0F9, #005E5D, #593D00, #282C00, #001111)

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