Oasis Nursery
Brand Style Guide
Color Palette
Parchment Cream
#EDE8DC
Sage
#7A8C6A
Golden Grass
#C9A86C
Terracotta Clay
#B8684A
Warm Near-Black
#2E2A24
Parchment CreamPage background. Inverted text on dark sections.
Warm Near-BlackAll body text, headings, and button text.
Terracotta ClayPrimary button fill, borders, tags. Never as body text.
SageBorders, tags, eyebrow labels. Never as body text.
Golden GrassDecorative dividers and horizontal rules only.
Dark at 50% OpacitySecondary / muted text and captions.
Accessibility Rule
All readable text uses Dark #2E2A24 on Cream (11.66:1 contrast — WCAG AAA). Sage, Clay, and Gold are decorative only — borders, dividers, button fills, tags — never used as text color on the cream background. Button text is always Dark, not Cream.
Accessible Color Pairings
Default Page
Our Story
Dark text on cream — the default reading surface for all pages.
Dark on Cream · 11.66:1
AAA
Dark Section
Rooted in the Mesa
Cream text on dark — footer, hero, or dramatic contrast moments.
Cream on Dark · 11.66:1
AAA
Button / CTA
Shop Plants
Dark text on clay — primary buttons and callout blocks.
Dark on Clay · 3.47:1
AA Large
Why Dark Text on Buttons
Cream (#EDE8DC) on Clay (#B8684A) only hits 3.36:1 — fails WCAG AA. Dark (#2E2A24) on Clay hits 3.47:1, passing AA for large text, which covers button labels at the sizes we use. The same applies to sage backgrounds. All body-size text stays on cream or dark backgrounds where contrast is 11.66:1.
Typography
Rooted in the Western Slope
Beautiful Plants, Grown with Care
Native & Xeric Specialists
Delivered to Your Door
nursery — design — delivery
Western Slope Colorado
For over a decade, Oasis Nursery has been providing quality plants to the Western Slope of Colorado — grown with care, without chemicals, and delivered right to your door.
Open by appointment · April through November · Wholesale & retail welcome
Squarespace Font Setup
Both Cormorant Garamond and Jost are available through Squarespace's Google Fonts integration. Set Cormorant Garamond as the heading font and Jost as the body font in Design → Fonts. Heading weight: Semibold (600). Body weight: Light (300). Navigation weight: Medium (500).
Buttons
All buttons: Jost 500 · 0.8rem · uppercase · letter-spacing 0.1em · border-radius 4px · padding 14px 36px
Button Text Color
All buttons use Dark #2E2A24 as text color — this avoids the contrast issue with cream text on colored backgrounds. In Squarespace, set your button text color to #2E2A24 globally. Three variants are enough for a site this size: filled clay (primary action), outlined dark (secondary), and outlined clay (tertiary/low-emphasis).
Decorative Elements
Terracotta Border Box
We Deliver to You
Sage Border Box
Perennials · Shrubs · Trees
Gold Rule
10+ Years · 100% Organic · April – November
Gold Divider
Tags — Terracotta
Tags — Sage
Squarespace Quick Reference
| Setting | Value |
|---|---|
| Site Background | #EDE8DC Parchment Cream |
| Heading Font | Cormorant Garamond · Semibold (600) |
| Body Font | Jost · Light (300) |
| Navigation Font | Jost · Medium (500) · Uppercase · Spaced |
| Heading Color | #2E2A24 Dark |
| Body Text Color | #2E2A24 Dark |
| Link / Accent Color | #B8684A Terracotta Clay |
| Primary Button | Fill: #B8684A · Text: #2E2A24 · Radius: 4px |
| Secondary Button | Fill: transparent · Border: #2E2A24 · Text: #2E2A24 |
| Footer Background | #2E2A24 Dark · Text: #EDE8DC Cream |
| Divider / HR Color | #C9A86C Golden Grass (via custom CSS if needed) |
Fonts
Both Cormorant Garamond and Jost are free via Google Fonts and available in Squarespace's font picker under Design → Fonts. No custom CSS needed for basic type setup.