Color Palette 1004 — UI color palette

UI color palette 1004 with hex codes #248888, #E6E6E6, #E7475E, #F0D879. Use #248888 as a dominant surface, #E6E6E6 for secondary panels, #E7475E for accents, and #F0D879 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #248888, #E6E6E6, #E7475E, #F0D879.

• Swatch role: #248888 reads as a dark surface.
• Swatch role: #E6E6E6 reads as a light surface.
• Swatch role: #E7475E reads as a mid surface.
• Swatch role: #F0D879 reads as a light surface.
• Darkest #248888 vs lightest #E6E6E6 sits around 3.4:1, which is closer to large-text / UI-component contrast.
• Use #E7475E 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.