Deep emerald solid with white type and a soft mint canvas. Rounded but not capsule — 10px radius keeps it clinical rather than playful. Hover brightens the green and expands a calm teal shadow.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Build a Mint Soft Solid primary button for light clinical / SaaS UIs.
1. Radius 10px (not pill). Fill deep emerald #047857, white label.
2. Hover: slightly brighter emerald + soft green shadow 0 8px 18px #04785738.
3. Type 14px medium/semibold. Padding 12px 18px.
4. Transition 160ms ease. Focus ring #04785747.
5. Stay cool green — no coral or purple.Deep emerald solid with white type and a soft mint canvas. Rounded but not capsule — 10px radius keeps it clinical rather than playful. Hover brightens the green and expands a calm teal shadow.