Cocoa Basin color palette — #FFF3E5 · #BEB474 · #A16900 · #7A2606 · #0B1600

Rust and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#BEB474): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#A16900): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#7A2606): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0B1600): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Cocoa Basin 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 Rust Orchard color palette (#FFF2EB, #CDAC87, #B45833, #7A1F3A, #171200)
• Olive Chapel color palette (#FEF5D8, #9FBD90, #7F7A00, #613E00, #0D1600)
• Tempered Archive color palette (#FDF4E6, #C7CD9C, #A0864F, #874313, #222407)
• Softworn Chestnut Pier color palette (#F2E4C7, #91A26F, #715E00, #4C2700, #000601)
• Gentle Driftwood color palette (#D8F2D5, #97892C, #764B00, #5C2311, #002B24)
• Shadow Cabin color palette (#F2DCC3, #7E7339, #553300, #280400, #010100)
• Frosted Rust color palette (#FAF1FF, #EF92C2, #CA442F, #613900, #131000)
• Muted Basalt color palette (#FCF3EB, #DDE0C3, #CDA586, #9C6C67, #4A3F00)

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