Clean Energy & ClimateTech Forest Sage & Solar Gold Palette

Q: What makes a modern CleanTech color palette different from 1990s green?

Modern CleanTech palettes pair subtle desaturated sage greens with high-contrast typography and solar accents, avoiding the neon lime green of early recycling campaigns.

Q: How should kilowatt-hour charts be colored?

Use distinct, accessible hues for solar generation (Amber), grid import (Blue), battery storage (Teal), and home consumption (Gray) to avoid chart misinterpretation.

Climate software requires an aesthetic that feels technologically advanced rather than dated eco-activism. The Forest Sage & Solar Gold palette balances natural environmental greens with high-precision solar gold telemetry tokens, ideal for home battery apps and grid telemetry.

Clean Energy Sage Palette Color Tokens & Accessibility Specs
Role	Token Name	Hex Value	Contrast on White	Tailwind Mapping
Grid Power Active	Green 700	#15803d	5.2:1 (AA)	text-green-700
Solar Production	Amber 500	#f59e0b	3.1:1 (UI)	text-amber-500
EV Battery Level	Teal 600	#0d9488	4.6:1 (AA)	bg-teal-600
Graph Heading	Slate 900	#0f172a	16.1:1 (AAA)	text-slate-900
Neutral Surface	Stone 50	#fafaf9	1.0:1 (Surface)	bg-stone-50
Grid Division	Stone 200	#e7e5e4	1.3:1 (UI)	border-stone-200

Clean Energy Sage Palette Color Tokens & Accessibility Specs

Role

Token Name

Hex Value

Contrast on White

Tailwind Mapping

Grid Power Active

Green 700

#15803d

5.2:1 (AA)

text-green-700

Solar Production

Amber 500

#f59e0b

3.1:1 (UI)

text-amber-500

EV Battery Level

Teal 600

#0d9488

4.6:1 (AA)

bg-teal-600

Graph Heading

Slate 900

#0f172a

16.1:1 (AAA)

text-slate-900

Neutral Surface

Stone 50

#fafaf9

1.0:1 (Surface)

bg-stone-50

Grid Division

Stone 200

#e7e5e4

1.3:1 (UI)

border-stone-200

Power Flow Animation Design

In renewable energy telemetry, use color to indicate energy direction: Solar Gold (#f59e0b) flowing from roof to battery, and Forest Sage (#15803d) flowing into home appliances.

Battery Charge State Hierarchy

Represent battery capacity with a three-tier semantic color scale: Green 600 (>50% charge), Amber 500 (20–50% charge), and Rose 600 (<20% reserve alert).

Frequently asked questions

What makes a modern CleanTech color palette different from 1990s green?

Modern CleanTech palettes pair subtle desaturated sage greens with high-contrast typography and solar accents, avoiding the neon lime green of early recycling campaigns.

How should kilowatt-hour charts be colored?

Use distinct, accessible hues for solar generation (Amber), grid import (Blue), battery storage (Teal), and home consumption (Gray) to avoid chart misinterpretation.

Power Flow Animation Design

Battery Charge State Hierarchy

Frequently asked questions

Sources

More in Website palettes