Workshop red. Used for primary CTAs, the main brand mark, and active states.
- Surface
#E62028- Ink
#FFFFFF
Semantic colour roles
Six bound roles — Primary, Surface, Critical, Success, Muted, Accent. Designers and developers reach for the role; the literal hex never appears in product code.
Production answer
Semantic colour roles is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Semantic colour roles states
Generative search brief
Semantic colour roles: Six bound roles — Primary, Surface, Critical, Success, Muted, Accent. Designers and developers reach for the role; the literal hex never appears in product code.
Semantic colour cascade
Each tone is bound to a job — surface, interaction, critical, success, muted, accent. Designers reach for the role, never the literal hex.
Bay graphite. The default canvas behind every UI primitive and the dashboard.
- Surface
#101016- Ink
#F6F6F8
Stop colour. Used for destructive actions, hard errors, and bay-out alerts.
- Surface
#A8141A- Ink
#FFEDED
Telemetry green. Reserved for confirmations, completed jobs, and safe states.
- Surface
#37D67A- Ink
#06150D
Chrome mist. Carries supporting labels, breadcrumbs, and inactive UI text.
- Surface
#1B1C25- Ink
#AEB2BD
Service amber. Highlight role — used sparingly for hot tips and emphasis.
- Surface
#FFC14F- Ink
#1A1306