Pale Cocoa color palette — #F5DAB4 · #939247 · #775400 · #642600 · #113200

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

The five colors

• Peach Cream (#F5DAB4): A whisper-light, dusty gold — the color of old brass.
• Moss (#939247): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#775400): A full-bodied, balanced gold — the color of old brass.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#113200): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Misty Garnet Balcony color palette (#FFEBDB, #9E8351, #844000, #6C0017, #252600)
• Sunlit Study color palette (#F4DAB3, #BBA440, #9A6F00, #784400, #2A2B00)
• Worn Amber Terrace color palette (#DFEDE1, #A68C00, #775400, #512C00, #131300)
• Muted Atelier color palette (#FFEADD, #C0935C, #A64A21, #84183A, #3E3601)
• Cocoa Cabin color palette (#FFF4E1, #AFA887, #866F3D, #754323, #3D4100)
• Smoked Fern Basin color palette (#F3E6C8, #47641C, #322C00, #1C0D00, #000502)
• Frosted Lantern color palette (#EAF6E6, #00A495, #870094, #00524A, #200323)
• Blush Station color palette (#FADADE, #FF7992, #00B0A3, #0B2D36, #0E1C0B)

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