Skip to content

Mobile

Android Color XML

Declare colors in res/values/colors.xml and reference them as @color/brand_500 in layouts, themes, and Compose via colorResource(). Spec reference: Documentation.

Open interactive generator →

Starter template

<!-- res/values/colors.xml -->
<resources>
    <color name="brand_50">#F5F3FF</color>
    <color name="brand_500">#7C3AED</color>
    <color name="brand_900">#4C1D95</color>
</resources>

Color samples

FAQ

XML resource vs Compose Color?

Declare in res/values/colors.xml for XML layouts and themes. In Compose, prefer colorResource(R.color.brand_500) so night mode and qualifiers stay centralized.

Do I need separate values-night folders?

Yes for Material themes — duplicate or override entries under values-night/colors.xml when semantic colors change in dark mode.

Can I copy the syntax chips?

Yes — click the secondary chip to copy platform syntax. HEX and RGB chips copy sRGB values for mockups, design handoff, and ChromaXP tools.

Are RGB and CMYK print-ready?

RGB and CMYK here are computed from HEX for quick reference. For ink and paper, re-check against your print profile or Pantone bridge.