Minimal Green Color Palettes

How to use these palettes

Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for growth dashboards, analytics products, and operations tools. Reserve saturated green for status and CTA elements so the interface still feels quiet.

Minimal palettes use fewer saturated colors and rely on surface, border, and text separation for practical interface hierarchy.

CSS Variables

:root {
  --primary: #316CD8;
  --accent: #D6A851;
  --surface: #EBEDF4;
  --text: #121621;
  --support: #CE829D;
}