Cocoa Meadow color palette — #D0E7D6 · #9F9B6C · #756231 · #573600 · #001E15

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

The five colors

• Celadon Mist (#D0E7D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#9F9B6C): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#756231): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#573600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001E15): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Timeworn Fern color palette (#D8EAE1, #7F8D5C, #5B5800, #3E2F00, #041300)
• Chestnut Boulevard color palette (#F3D7E8, #BA8E6F, #8D533E, #5D2E2D, #061E05)
• Antique Pier color palette (#E3FDE9, #C6CC9E, #A0864D, #784C30, #002824)
• Antique Cocoa color palette (#FEECF7, #C89DB1, #966858, #6C3D3B, #192718)
• Linen Indigo color palette (#E2E9FB, #6769C4, #875A12, #364C01, #080E24)
• Midnight Chestnut Lantern color palette (#FFE4F1, #895301, #572600, #320500, #030100)
• Muted Navy color palette (#E3E9F5, #B79C64, #374274, #111640, #020510)
• Garnet Balcony color palette (#F3EBFF, #B680C4, #9B4987, #74093C, #340007)

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