Color Palette 860 — UI color palette

UI color palette 860 with hex codes #5E8B6F, #436E4F, #FA8F4D, #F87829. Use #5E8B6F as a dominant surface, #436E4F for secondary panels, #FA8F4D for accents, and #F87829 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #5E8B6F, #436E4F, #FA8F4D, #F87829.

• Swatch role: #5E8B6F reads as a mid surface.
• Swatch role: #436E4F reads as a dark surface.
• Swatch role: #FA8F4D reads as a mid surface.
• Swatch role: #F87829 reads as a mid surface.
• Darkest #436E4F vs lightest #FA8F4D sits around 2.5:1, which is soft—better for backgrounds than small body copy.
• Use #FA8F4D for secondary UI (borders, muted labels, chips) so the extremes stay reserved for hierarchy.
• Map one dark and one light token to text/background pairs, then keep accents for buttons, links, and focus rings.