Cocoa Terrace color palette — #FDF1F9 · #E38566 · #6D6000 · #872900 · #020100

Rust and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Coral Clay (#E38566): A luminous, balanced orange — the color of toasted spice.
• Olive (#6D6000): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#872900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

One click turns Cocoa Terrace 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

• Pale Olive color palette (#FFF1F7, #E08A44, #357000, #763C00, #000201)
• Tempered Mulberry color palette (#FBF1FD, #E57D94, #7E5700, #91003D, #000200)
• Ancient Amber color palette (#EFE0D7, #D58B00, #7E6200, #2F2E00, #020500)
• Antique Amber color palette (#D9F8DF, #C17600, #5B5700, #002F46, #060300)
• Emerald Orchard color palette (#EAFBE9, #FEB143, #4A9300, #925E00, #010200)
• Chestnut Workshop color palette (#FCF2F6, #CDE2DD, #A0C5B0, #8D4D00, #19050E)
• Antique Rust color palette (#EEDCD3, #CA4200, #3C4400, #5A1800, #040300)
• Softworn Pier color palette (#ECF9F3, #B7C46A, #008788, #606A00, #000202)

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