Forest Green#2E7D32
Golden Yellow#FBC02D
Crimson Red#D32F2F
Moss Green#689F38
Light Lime#F9FBE7
Palette direction

Fresh Organic Green Color Palette

This palette blends fresh, vibrant greens with warm reds and yellows inspired by natural seeds and growth elements, conveying a lively, organic, and trustworthy brand identity. The main colors create a harmonious and recognizable system reflective of nature and energy, while the support colors add subtle balance and refinement. Neutrals ground the palette providing essential contrast and clarity for text and backgrounds.

CustomHealth Wellnessgreenredyelloworganic
palette-preview.example
Health Wellness color direction

Fresh Organic Green Color Palette

This palette blends fresh, vibrant greens with warm reds and yellows inspired by natural seeds and growth elements, conveying a lively, organic, and trustworthy brand identity. The main colors create a harmonious and recognizable system reflective of nature and energy, while the support colors add subtle balance and refinement. Neutrals ground the palette providing essential contrast and clarity for text and backgrounds.

Explore the color system8 colors mapped to roles
Logo contrast guide

Logo color pairings

Each column shows a usable logo color on a palette background, with contrast checked for clarity.

Logo Charcoal #212121
on Golden Yellow #FBC02D

9.7:1 Excellent

Logo Pure White #FFFFFF
on Forest Green #2E7D32

5.1:1 Strong

Logo Pure White #FFFFFF
on Crimson Red #D32F2F

5.0:1 Strong

Logo Charcoal #212121
on Pure White #FFFFFF

16.1:1 Excellent
Business card

Printed materials without guessing.

A neutral card system with the logo color, contact text, and a restrained palette accent.

Avery Stone Palette designer avery@example.com colorfly.design
Mobile website

The palette has to survive the small screen.

A mobile landing page preview with logo, navigation, headline, CTA, content card, and chart color usage.

Health Wellness Fresh Organic Green Color Palette

The main colors harmonize as an analogous scheme featuring green, yellow, and red hues, chosen to evoke growth, energy, and natural vitality, creating a memorable and cohesive brand presence.

Analytics system

Dashboards need more than one pretty color.

Numbers, pie charts, bars, stacked bars, and lines reveal whether the palette can support real product interfaces.

Revenue$84.2k+18.4%
Retention72%Stable
Signals8Custom
Audience split
Monthly growth
Trend line

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Forest Green #2E7D32
HeadlineUsed for main titles and key messages.Golden Yellow #FBC02D
LinkUsed for links and interactive text.Forest Green #2E7D32

Buttons

Primary Button
Contrast5.13:1AA
BackgroundForest Green #2E7D32
TextPure White #FFFFFF
Secondary Button
Contrast9.72:1AA
BackgroundGolden Yellow #FBC02D
TextCharcoal #212121
Outlined Button
Contrast4.74:1AA
BorderCrimson Red #D32F2F
TextCrimson Red #D32F2F

Interface

TextDefault readable body text.Charcoal #212121
Bg LightLight page or section background.Light Lime #F9FBE7
Bg DarkDark page or section background.Pure White #FFFFFF
IconSmall interface icons and marks.Moss Green #689F38
BorderCards, inputs, and component borders.Moss Green #689F38
DividerSubtle separators between content.Moss Green #689F38
OutlineFocus rings and emphasis outlines.Moss Green #689F38

Print Color Values

CMYK values are calculated from HEX by default. Adjust them only when preparing print materials.

Screen colors stay unchanged.Manual CMYK edits are used in exports and handoff.
Calculated CMYK
Forest GreenMain color - #2E7D32
Calculated CMYK
Golden YellowMain color - #FBC02D
Calculated CMYK
Crimson RedMain color - #D32F2F
Calculated CMYK
Moss GreenSupport color - #689F38
Calculated CMYK
Light LimeSupport color - #F9FBE7
Calculated CMYK
Pure WhiteNeutral color - #FFFFFF
Calculated CMYK
Snow WhiteNeutral color - #FAFAFA
Calculated CMYK
CharcoalNeutral color - #212121

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The main colors harmonize as an analogous scheme featuring green, yellow, and red hues, chosen to evoke growth, energy, and natural vitality, creating a memorable and cohesive brand presence.

PrimaryForest Green

RolesLogo, Link, Btn Primary Bg

Forest Green symbolizes growth, health, and stability, anchoring the brand in nature and trustworthiness.

HEX#2E7D32
RGB46, 125, 50
HSL123, 46, 34
CMYK63, 0, 60, 51
SecondaryGolden Yellow

RolesBtn Secondary Bg, Headline

Golden Yellow conveys optimism, warmth, and energy, adding lively brightness to the palette.

HEX#FBC02D
RGB251, 192, 45
HSL43, 96, 58
CMYK0, 24, 82, 2
TertiaryCrimson Red

RolesBtn Outlined Border, Btn Outlined Text

Crimson Red brings passion and vitality, making calls to action and outlines stand out distinctly.

HEX#D32F2F
RGB211, 47, 47
HSL0, 65, 51
CMYK0, 78, 78, 17

Support Colors

Support colors extend the main palette with softer, complementary hues that provide visual balance and subtle accents without overpowering.

Moss Green

RolesIcon, Border, Divider, Outline

Moss Green complements Forest Green with a softer tone, enhancing icons and borders to maintain natural harmony.

HEX#689F38
RGB104, 159, 56
HSL92, 48, 42
CMYK35, 0, 65, 38
Light Lime

RolesBg Light

Light Lime supports brightness and freshness for backgrounds, contributing to a clean and airy feel.

HEX#F9FBE7
RGB249, 251, 231
HSL66, 71, 95
CMYK1, 0, 8, 2

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

Pure White

RolesBg Dark, Btn Primary Text

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Snow White
HEX#FAFAFA
RGB250, 250, 250
HSL0, 0, 98
CMYK0, 0, 0, 2
Charcoal

RolesText, Btn Secondary Text

HEX#212121
RGB33, 33, 33
HSL0, 0, 13
CMYK0, 0, 0, 87

Export and Handoff

Copy palette values for design systems, websites, and client handoff. You can also copy this palette for Logo Export on myLogo.review, so your colors are ready there in one click.

Color tokens

Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.

Use when: you need the actual colors.
:root {
  --color-forest-green: #2E7D32;
  --color-golden-yellow: #FBC02D;
  --color-crimson-red: #D32F2F;
  --color-moss-green: #689F38;
  --color-light-lime: #F9FBE7;
  --color-pure-white: #FFFFFF;
  --color-snow-white: #FAFAFA;
  --color-charcoal: #212121;
}

Role tokens

Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.

Use when: you need UI roles, not just swatches.
:root {
  --role-logo: #2E7D32;
  --role-link: #2E7D32;
  --role-btn-primary-bg: #2E7D32;
  --role-btn-secondary-bg: #FBC02D;
  --role-headline: #FBC02D;
  --role-btn-outlined-border: #D32F2F;
  --role-btn-outlined-text: #D32F2F;
  --role-icon: #689F38;
  --role-border: #689F38;
  --role-divider: #689F38;
  --role-outline: #689F38;
  --role-bg-light: #F9FBE7;
  --role-bg-dark: #FFFFFF;
  --role-btn-primary-text: #FFFFFF;
  --role-text: #212121;
  --role-btn-secondary-text: #212121;
}

JSON

Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.

Use when: a developer or app needs data.
{
    "forest-green": "#2E7D32",
    "golden-yellow": "#FBC02D",
    "crimson-red": "#D32F2F",
    "moss-green": "#689F38",
    "light-lime": "#F9FBE7",
    "pure-white": "#FFFFFF",
    "snow-white": "#FAFAFA",
    "charcoal": "#212121"
}
Press Space to load new palette