ColorSense Blog
Botanical Greens Color Palette (2026): HEX Codes and Accessible Dark Pairings
The Botanical Greens summer 2026 palette: five garden HEX codes from sage to forest with a cream, plus measured WCAG AAA pairings and ready-to-paste CSS variables.
Botanical Greens is the garden palette of summer 2026: a layered range of greens from soft sage to deep forest, opened up by a warm cream. It is part of our wider collection of 13 summer 2026 color palettes, and it is the one to reach for when you want a natural, organic, grown-from-the-ground feel.
The Botanical Greens palette: Sage Green, Sycamore, Amulet, Forest Moss, and Cloud Dancer.
The 5 Colors in the Botanical Greens Palette
Sage Green #8FAF7E
A soft muted green and the lightest leaf tone in the set. Good for secondary surfaces, fills, and gentle accents.
Sycamore #4A6741
A mid forest green with depth. Dark enough for large headings and strong accents; it reaches AA as text and works best as a fill or heading rather than long body copy.
Amulet #7D9B82
A muted grey-sage that bridges the lighter and darker greens. A natural choice for secondary accents and dividers.
Forest Moss #3B5C38
A deep, rich forest green. It is dark enough to use as readable text on a light background and anchors the whole palette.
Cloud Dancer #F4F1ED
A warm off-white cream and the lightest tone here. Use it as your primary page background or card surface to keep the greens fresh.
Accessible Dark Pairings (WCAG AAA)
Botanical Greens leans dark, so the cream pairs with a deep forest anchor to clear AAA. The pairing below was calculated directly with the WCAG contrast formula and clears the AAA threshold of 7:1. Because contrast is symmetric, the ratio holds whether you use the cream as text on the dark green or as a background behind dark green text.
12.68:1 contrastAAA
Forest Pine
#14301E
The greens split into text tones and accents. For body text, Forest Moss #3B5C38 reaches 7.57:1 on white, clearing AAA, while Sycamore #4A6741 reaches 6.35:1, which passes AA and suits large headings. Sage Green #8FAF7E (2.44:1 on white) and Amulet #7D9B82 (3.05:1) are accents, not body text. For the cream, set text in Forest Pine #14301E (14.27:1 on white) or a deep neutral like #1A1A1A (17.40:1 on white).
Try it now
Check any color pair against WCAG — free, no signup
Pick a foreground and background, see the exact contrast ratio plus AA/AAA verdicts for normal and large text. One click auto-fixes a failing pair while keeping your hue.
Open WCAG Contrast Checker →
How to Use Botanical Greens
Web and UI: use Cloud Dancer #F4F1ED as your page background, Sage Green and Amulet for soft surfaces and accents, Sycamore #4A6741 for large headings, and Forest Moss #3B5C38 for body text. For maximum contrast, set copy in Forest Pine #14301E.
Branding and print: the palette suits plant shops, eco and wellness brands, gardens, and organic products. Lead with cream and the lighter greens, and let the deep forest tones carry typography and structure.
Social and editorial: Botanical Greens sits naturally behind plants, foliage, and outdoor photography. Keep large areas cream and sage and use the deep greens for crisp, readable text.
Botanical Greens CSS Variables
Paste this straight into your stylesheet to use the palette as design tokens, including the accessible dark tones for text:
:root {
--sage-green: #8FAF7E;
--sycamore: #4A6741;
--amulet: #7D9B82;
--forest-moss: #3B5C38;
--cloud-dancer: #F4F1ED;
/* accessible dark tones for text and UI */
--forest-pine: #14301E;
}
Want this palette turned into a complete brand kit with matching fonts, contrast checks, and Tailwind and Figma tokens? Run it through the ColorSense Brand Kit, or pull a related set from your own image with the Color Picker.
Botanical Greens is one of 13 summer 2026 color palettes in our full guide. Browse the rest for pastels, brights, and coastal blues.
Take it further
Turn any palette into a full brand kit
ColorSense AI Brand Kit pairs your palette with matching fonts, accessibility checks, and export-ready CSS, Tailwind, and Figma tokens.
Build a Brand Kit →