Sunlit Terracotta color palette — #F8EFF6 · #DA857E · #6D6800 · #9D171E · #000904

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

The five colors

• Blush (#F8EFF6): bright and airy, almost weightless.
• Coral Clay (#DA857E): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#6D6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Garnet (#9D171E): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#000904): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

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

• Gentle Mulberry color palette (#F5EFFA, #D582A9, #7D6000, #882F5E, #000902)
• Dusty Cocoa Veranda color palette (#FDF1F8, #C38A71, #7A5700, #833300, #071E0C)
• Antique Thicket color palette (#F7EFF4, #E1A287, #4A8544, #9A4A25, #001210)
• Amber Cabin color palette (#FCE7EE, #D27E00, #006D41, #6E4000, #000502)
• Aged Station color palette (#FFDED9, #D28A53, #805D00, #3A3D00, #051E00)
• Worn Balcony color palette (#FFF2ED, #E3A09E, #5C913D, #D21232, #1A1A00)
• Amber Harbor color palette (#DAF0DD, #C76F3B, #625E03, #273466, #081D07)
• Mustard Pier color palette (#E8F6EE, #B8AA38, #007C73, #665C00, #000C0F)

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