Visual Identity
Color
Core
The foundation palette — black, gray, and the warm tans that define Grain & Mortar's primary surfaces.
gm-black#0303033, 3, 3Primary text, dark backgrounds, primary buttons
gm-gray#999791153, 151, 145Secondary text, muted UI elements, subtle borders
gm-light-tan#F7F5ED247, 245, 237Light backgrounds, reversed text on dark sections
gm-tan#E8E4D7232, 228, 215Secondary light background, panel separation
gm-tan-dark#B9AF8B185, 175, 139Muted warm accent, decorative dividers
white#FFFFFF255, 255, 255Pure white — used sparingly; light tan is preferred for surfaces
Accents
Warm and cool accent colors used for highlights, calls to action, and visual moments of contrast.
gm-gold#A3915D163, 145, 93Warm accent, button hover states, callouts
gm-chartreuse#DBE976219, 233, 118Primary accent / highlight color, attention-getting moments
gm-sky#B3D6D3179, 214, 211Cool accent, headline highlights, soft section backgrounds
Greens
Deep and mid greens used for nature-adjacent moments, secondary brand surfaces, and reversed contexts.
gm-dark-green#00534E0, 83, 78Dark green accent, deep brand surfaces
gm-ide-green#242D2936, 45, 41Deep green / near-black, code surfaces, reversed contexts
gm-green#517A7781, 122, 119Mid green, supporting accent