Cocoa Terrace color palette — #F1E7DF · #BAB4A5 · #839F73 · #7C4100 · #200F02

Built around Bronze, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Stone (#BAB4A5): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#839F73): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#7C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#200F02): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Antique Hollow color palette (#EADDD8, #C4B09E, #A3946C, #9D0410, #220D05)
• Timeworn Loft color palette (#EAE2DA, #B1B29F, #979B7E, #9C6300, #1D1103)
• Ancient Ridge color palette (#E2DED8, #A6A693, #7C8D69, #554300, #0E0801)
• Timeworn Atelier color palette (#E8E9DF, #BFC7BA, #8DAE98, #347200, #202010)
• Olive Loft color palette (#F6F5EF, #D2DCD5, #A6C8C0, #728B3C, #3C3B32)
• Pale Forest Station color palette (#FFD5D4, #9F7F38, #247243, #502B53, #2E1231)
• Wandering Bloom color palette (#F4ECD4, #40994D, #006055, #56204B, #001503)
• Quiet Coral Lantern color palette (#F3E2C9, #FF6F6D, #AE7D00, #00765B, #0D0D00)

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