Cocoa Drift color palette — #FAF4EE · #DBD0B4 · #89A57E · #947187 · #5F4A00

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Wheat (#DBD0B4): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#89A57E): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#947187): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Weathered Garden color palette (#F6F6EB, #BBCAAC, #549CA3, #8C6379, #314C09)
• Ancient Thicket color palette (#FAF4EB, #E5E0B0, #BDB791, #A9939B, #604A00)
• Hushed Veranda color palette (#FFF1F6, #C4EBFA, #9CB88E, #7D859C, #3A4B41)
• Timeworn Grove color palette (#EFF8F0, #A3CCB6, #7C875A, #62647A, #415249)
• Patina Chestnut color palette (#FFF2EC, #F9D0B8, #CF8B72, #9A5133, #53261F)
• Bronze Garden color palette (#FFEAED, #E4B0CC, #D7878D, #B0654C, #534E48)
• Teal Courtyard color palette (#FFF3E6, #D0A981, #71B59B, #00A6AD, #5F3900)
• Timeworn Aubergine color palette (#EBDDCA, #7B8C3E, #006335, #4B1D69, #0D1200)

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