Cocoa Basin color palette — #FFE5D4 · #7B3F00 · #004C28 · #351800 · #000803

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

The five colors

• Rose Water (#FFE5D4): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7B3F00): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004C28): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#351800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Moonless Parlor color palette (#FFE3EF, #753A00, #003F63, #321500, #000103)
• Charred Corridor color palette (#F3DAC3, #5C3400, #233C00, #470023, #040100)
• Nocturne Chestnut color palette (#FDE4CA, #825200, #442700, #131810, #0F0600)
• Midnight Mulberry Garden color palette (#F6E1F8, #990036, #424100, #430013, #060600)
• Garnet Studio color palette (#CEEEDC, #5C5200, #760034, #262100, #130004)
• Bronze Station color palette (#FFE7D3, #9E5100, #005F86, #572A00, #00070E)
• Timeworn Cabin color palette (#D6EDE6, #536900, #005469, #263200, #001219)
• Softworn Amber color palette (#F7E9D9, #B78900, #7F6F0F, #492400, #1B0F00)

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