Koda Goods

Built to go.

Color Palette

Name	Hex	RGB	CSS Variable
Raw Copper PRIMARY	`#B87334`	`rgb(184,115,52)`	`--color-raw-copper`
Midnight Teal SECONDARY	`#0D3A3A`	`rgb(13,58,58)`	`--color-midnight-teal`
Raw Canvas BACKGROUND	`#EDE3D0`	`rgb(237,227,208)`	`--color-raw-canvas`
Charcoal TEXT	`#242424`	`rgb(36,36,36)`	`--color-charcoal`
Dust NEUTRAL	`#A89880`	`rgb(168,152,128)`	`--color-dust`
Salt SURFACE	`#F8F4EE`	`rgb(248,244,238)`	`--color-salt`

Typography

Heading: Space Grotesk

Body: Inter

Voice & Tone

Built-for-doing. We describe what things are made of and how they hold up — not how they make you feel. No lifestyle language, no hype. If a feature matters, say why. If it doesn't, cut it.

✓ Write like this

Lead with material and construction specifics: '500D Cordura face fabric with a DWR finish rated to 40 wash cycles.'
Describe use cases concretely: 'fits a 15" laptop, one day's worth of gear, and a water bottle without forcing the zipper.'
Use plain comparisons: 'heavier than a daypack, lighter than a full frame kit bag.'
Let durability claims reference specific tests or conditions: 'stress-tested at -20°C and 95% humidity.'

✗ Avoid

Never say 'premium', 'luxury', 'elevated', or 'curated' — show what makes it good, don't label it.
No lifestyle copy: ban 'adventure', 'journey', 'the path ahead', or anything implying a mood board.
Don't use passive voice for product claims: not 'is crafted with care' but 'we stitched the bar-tacks by hand at stress points.'
Never imply the product defines the user: Koda gear is a tool, not an identity.

CSS Tokens

Live URL: [slug].chatmybrand.com/tokens.css

/* Koda Goods — Brand Tokens */
/* Generated by ChatMyBrand · 2026-07-06 */

:root {
  --color-raw-copper: #B87334;
  --color-primary: #B87334;
  --color-midnight-teal: #0D3A3A;
  --color-secondary: #0D3A3A;
  --color-raw-canvas: #EDE3D0;
  --color-background: #EDE3D0;
  --color-charcoal: #242424;
  --color-text: #242424;
  --color-dust: #A89880;
  --color-neutral: #A89880;
  --color-salt: #F8F4EE;
  --color-surface: #F8F4EE;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}