Ancient Cocoa Lagoon color palette — #FCF3ED · #D4C1A1 · #969167 · #8B6571 · #583D00

Cocoa and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sand (#D4C1A1): A luminous, dusty gold — the color of honey in a jar.
• Moss (#969167): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#8B6571): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Worn Lagoon Harbor color palette (#FDF4E6, #CCC59E, #689E77, #5C7A66, #4D4200)
• Antique Coast color palette (#FDF3EA, #BAB787, #628E55, #7A576A, #38352E)
• Ancient Taupe Pier color palette (#FFF0F7, #F6E5B1, #91A76F, #737392, #2A3E31)
• Dusty Oat color palette (#FFF1F7, #E5DAD3, #E3C79C, #839ABF, #604446)
• Patina Olive Cabin color palette (#EFF8F1, #93B9A8, #667C44, #2B6178, #2B4A3D)
• Hushed Terrace color palette (#F5E1CD, #ACA76F, #547F46, #524E81, #2E2A00)
• Patina Fern color palette (#F2E2D3, #908538, #306103, #4E2456, #131000)
• Misty Iris Chapel color palette (#FFF0F7, #B9ADEA, #70B87E, #8372BD, #294B30)

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