Please note that our Mobile color palettes are currently under construction. For now, the most up-to-date source of truth for color styles can be found in the Mobile Styles library for iOS and in the Android Library (2025) for Android.
Overview
Acorn's semantic color palette corresponds to the semantic color concepts used throughout the product (e.g. Blue 50 = Color Accent Primary). This is the palette designers and developers refer to when styling our user interfaces. All of our semantic colors are aliases of the colors from the full color palette.
Action Primary
A primary brand action color is used on recurring user interface elements to give Firefox a distinct look.
We are currently improving action color parity between platforms. Android's primary action color is currently a violet shade while iOS’s action color is a blue shade.
Android
#312a64
#7743e7
primary
Use for the background of elements used to convey an action that reinforces our brand, such as: buttons and snackbars.
iOS
#0060df
#00b3f4
primary
Use for the background of elements used to convey an action that reinforces our brand, such as: buttons, toasts, and switches.