Cocoa Drift color palette — #FEF4E1 · #FFBDB9 · #B9AF7B · #758DB4 · #6C3800

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

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rose Quartz (#FFBDB9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#B9AF7B): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#758DB4): A luminous, dusty blue — the color of open sky before noon.
• Bronze (#6C3800): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, light, 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

• Dusty Sand Bloom color palette (#FFF3E6, #FFC28C, #96BA8B, #A38095, #5D4300)
• Petal Drift color palette (#FAF6DF, #FFB8D9, #D0A57A, #6B9784, #57423C)
• Cocoa Villa color palette (#FDF4E6, #FFD4AB, #B69F6D, #507E64, #583700)
• Antique Sand color palette (#FFF2EE, #F5DAB5, #C5C9AD, #A8919E, #5A4752)
• Aged Shell color palette (#FEF3EC, #FFB197, #6EB6C6, #9A7A9A, #503951)
• Softworn Pier color palette (#E6FCEA, #F9A879, #A4905C, #437787, #554148)
• Linen Lime color palette (#FFF3E5, #FFA879, #8CB71A, #6067C3, #47310A)
• Aged Honey color palette (#FFF2EB, #DBCA4F, #57B8A3, #9175A2, #3E3E36)

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