Cocoa Ridge color palette — #F8D8BE · #ADA373 · #6D8360 · #6C474B · #64280A

Built around Rust, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Peach Cream (#F8D8BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ADA373): A luminous, dusty green — the color of fresh herbs.
• Fern (#6D8360): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#6C474B): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#64280A): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Cocoa Ridge 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 Driftwood color palette (#FFEADB, #C2BB91, #728E6C, #805C54, #66453E)
• Tempered Cocoa color palette (#F8EAD3, #85A44E, #008083, #832D12, #543100)
• Cobalt Bloom color palette (#EFF4BA, #7CB09C, #4280AE, #7A4D2B, #52400B)
• Teal Canyon color palette (#F8F6E6, #67AC8B, #007173, #663B4F, #343730)
• Washed Basalt Basin color palette (#D3EAD1, #A1D3C0, #7DAFAF, #8981A4, #5C374C)
• Timeworn Driftwood color palette (#FFE6D3, #8B9045, #00615A, #521D3E, #3D181A)
• Peony Study color palette (#EFF1DA, #679F55, #BC4EAB, #206000, #4B2644)
• Plum Delta color palette (#E9E6C8, #678700, #B82877, #913752, #302C0A)

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