Feathered Cocoa color palette — #F3DBE9 · #9E5B31 · #762900 · #480600 · #080200

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F3DBE9): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9E5B31): A full-bodied, balanced gold — the color of old brass.
• Rust (#762900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#480600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Feathered 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

• Weathered Bronze color palette (#FFE8DA, #B05500, #662400, #290300, #030100)
• Worn Cocoa Lantern color palette (#D8E6D8, #846B39, #5F3D00, #371D00, #050300)
• Hazy Villa color palette (#F0D9E5, #A94A74, #83003B, #450010, #0A0000)
• Bronze Station color palette (#FCDCE7, #BD9765, #9C6321, #773A00, #312100)
• Antique Ridge color palette (#E3E6FE, #AF5651, #3A0E60, #27111E, #0B0019)
• Aubergine Parlor color palette (#DFDDEB, #9758A2, #810040, #5B0068, #060001)
• Terracotta Thicket color palette (#FFE7F2, #D8AA83, #BF6F36, #A03D00, #4C2E03)
• Lowlit Quarry color palette (#CAE2F8, #004A74, #303900, #002012, #000203)

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