HEMP’IN — Brand Palette

“Your brands, hemp inside.”

Bangkok • First Edition

Core Neutral

Hemp Beige

Backgrounds Cards Texture overlays

Core Neutral

Stone Gray

UI surfaces Borders Subtle type

Prestige Accent

Indigo Deep

Headlines Buttons (solid) Hero backgrounds

Prestige Accent

Gold Sand

Lines & rules Icon accents Callouts

Contemporary Edge

Fresh Teal

Highlights Badges Interactive states

Support Shade

Charcoal Black

Primary text Dark theme UI Overlays

Support Shade

Off‑White

Type on Indigo Cards (dark mode) Negative space

Usage Examples

Buttons & Chips

Primary (Indigo / Off‑White)

Outline (Indigo)

Teal Highlight Gold Accent

Hero & Card Composition

HEMP’IN — Bangkok

“Your brands, hemp inside.”

Showroom Vernissage 2025

Card on Hemp Beige

Use Charcoal Black for text and Indigo accents.

Utility on Stone Gray

Use Indigo or Charcoal for readable text.

Practical Color Pairs (Readability)

Indigo Deep background with Off‑White text — excellent contrast for headlines/buttons.
Hemp Beige background with Charcoal Black text — safe for long-form content.
Stone Gray background with Indigo Deep or Charcoal Black text — for UI surfaces.
Use Gold Sand and Fresh Teal primarily as accents or chips; reserve for short text on dark backgrounds.

Exportable Tokens

Copy/paste into your codebase. Variables below mirror this sheet.

CSS Custom Properties

:root {
  --hemp-beige: #E4DFD4;
  --stone-gray: #B8B6AF;
  --indigo-deep: #2C2F64;
  --gold-sand: #C9A66B;
  --fresh-teal: #38E2B5;
  --charcoal-black: #1C1C1C;
  --off-white: #F8F6F2;
}

SCSS Map

$hempin-colors: (
  hemp-beige: #E4DFD4,
  stone-gray: #B8B6AF,
  indigo-deep: #2C2F64,
  gold-sand: #C9A66B,
  fresh-teal: #38E2B5,
  charcoal-black: #1C1C1C,
  off-white: #F8F6F2
);

JSON Tokens

{
  "hemp-beige": "#E4DFD4",
  "stone-gray": "#B8B6AF",
  "indigo-deep": "#2C2F64",
  "gold-sand": "#C9A66B",
  "fresh-teal": "#38E2B5",
  "charcoal-black": "#1C1C1C",
  "off-white": "#F8F6F2"
}