🎨Design

エコグリーンカラーパレット

サステナビリティブランド、ウェルネス、環境製品向けの自然派オーガニックパレット。深い森林グリーンと温かみのあるアースカラー。

Click any color swatch or gradient strip to inspect HEX, RGB, CMYK, Tailwind and Pantone values

Eco Green

Nature-inspired organic palette for sustainability brands, wellness, and environmental products. Deep forest greens and warm earth tones.

5 colors

</> Code Output— click a swatch above

Forest · bg-green-800

<div class="bg-green-800 text-white p-4 rounded-lg">
  Forest
</div>

<!-- Button variant -->
<button class="bg-green-800 text-white px-4 py-2 rounded-lg font-medium hover:opacity-90">
  Click me
</button>

<!-- Border variant -->
<div class="border-2 border-green-800 p-4 rounded-lg">
  Outlined box
</div>

Live Preview

Eco Green

Live UI Preview

This preview updates as you click color swatches above.

Primary Color

#166534

Pantone references are visual estimates only — not derived from Pantone's proprietary database. CMYK values use the standard device-independent formula. Always verify against a physical Pantone Formula Guide before production use.

Was this result accurate?

How it works

This エコグリーンカラーパレット runs entirely in your browser — no data is sent to any server. Simply fill in the fields above and the result updates instantly. You can copy the output with the copy button provided.