Color Palette 176 — UI color palette

UI color palette 176 with hex codes #BB3B0E, #DD7631, #708160, #D8C593. Use #BB3B0E as a dominant surface, #DD7631 for secondary panels, #708160 for accents, and #D8C593 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #BB3B0E, #DD7631, #708160, #D8C593.

• Swatch role: #BB3B0E reads as a dark surface.
• Swatch role: #DD7631 reads as a mid surface.
• Swatch role: #708160 reads as a dark surface.
• Swatch role: #D8C593 reads as a light surface.
• Darkest #BB3B0E vs lightest #D8C593 sits around 3.3:1, which is closer to large-text / UI-component contrast.
• Use #708160 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.