A color system drawn from a designer's botanical mood board — forest greens, eucalyptus, chartreuse ceramic tile, powder blue glaze, and soft lavender swatches on natural oak.
01 — Color Palette
The Color Story
Grove
#111F17
Canopy
#1C3326
Fern
#2B4D38
Sage
#6B8C5A
Chartreuse
#C9CC6E
Sky
#8EC4D6
Lavender
#A8AACB
Navy
#2B4A6A
Khaki
#9A8A68
Linen
#EDE8DC
02 — Gradients
Color Ramps
Hero
Canopy
Sage → Chartreuse
Sky → Lavender
03 — Typography
Type System
Display Heading
Section Heading
Body text uses DM Sans at light weight — legible and grounded against deep forest backgrounds. The khaki tone echoes the warm oak and taupe textiles of the mood board without competing with the cooler accent palette.
const palette = "Botanical Folio";
04 — Spacing & Radius
Space & Shape
--space-xs
0.5rem
--space-sm
1rem
--space-md
1.5rem
--space-lg
2.5rem
--space-xl
4rem
sm · 8px
md · 14px
lg · 22px
full
05 — Buttons
Interactive Controls
06 — Form Elements
Form Controls
07 — Cards
Content Cards
◆
Eucalyptus
Silver-blue foliage pressed between fabric swatches — its dusty, aromatic quality anchors the moodboard's deepest greens with a hint of grey.
○
Ceramic Tile
Powder-blue and pale periwinkle glazed tiles echo still garden water — cool, smooth surfaces that balance the organic textures of moss and canvas.
▲
Chartreuse Swatch
A single vivid yellow-green tile lifts the whole board — chartreuse catching sunlight through a canopy, the brightest note in a deep woodland palette.