Scriptia · Brand Color System
One brand identity, two registers. Restrained in the product so reading stays effortless, committed in marketing so the brand has a voice. Colors are named by role, never by hue, so the palette can evolve without renaming every token.
The current olive #767A42 reads slightly military because it is desaturated and sits in the khaki band. The fix is not a new color family, it is a deeper, richer green with more chroma: botanical and bookbinding, not utility. Warmth is carried by the paper canvas and a gold secondary, not by the green itself.
Recommendation: adopt the botanical green as primary and test the moss alternate in-app before committing. Both escape the military read; the botanical green is the more differentiated choice against a competitor set already crowded with orange and blue-purple.
The product default. Neutral surfaces, ink text, green used as punctuation. This is the everyday app.
Warm near-black, not pure black. Paper at night. The green lightens so it stays legible on the dark canvas.
Same hues, different ratios. This is the rule that keeps the app calm and the marketing loud without two separate brands.
Neutral canvas and surfaces. Accent green under roughly 10% of any screen: buttons, selection, links. Gold appears only as a small highlight. Reading is the product, so color punctuates, it never fills.
The brand green can own 30 to 60% of a section as a solid surface. Cream text on green, gold for emphasis. This is where the identity gets a voice. Publishers judging the platform read this surface, so restraint here reads as unfinished.
Marketing register
Sell ebooks under your own brand and see exactly how people read them.
The product uses these tokens restrained. Marketing uses the same colors committed. Nothing new is invented here, the difference is ratio and surface. Warmth and voice come from letting the green own whole surfaces, not from adding hues.
Every post, slide, or banner sits on one of three backgrounds. Pick one per surface, do not blend them into a gradient.
Text on green is always cream #F3EFE3, never pure white (it vibrates) and never gold (fails contrast at body size). Gold is for a single emphasis per surface: a badge, an underline, a key figure.
Text color is chosen by the surface it sits on, not by the token you would use in the app. On green use cream; on paper or clean surface use the ink ramp. Green itself becomes the emphasis/link color on light surfaces.
Gold #B5842E is not a text color. It clears only 3:1 on paper, so use it for large display figures or decoration, never for body or captions. On green, never set text in gold or pure white.
Decks need multiple distinct series colors, which the product UI never does. Use this fixed order for bars, lines, and segments. All read on paper and clean surfaces. Brand green always leads.
This palette is for data visualization only. Do not pull terracotta or plum into UI or into non-chart marketing, they exist so charts have enough distinct series without leaving the brand's temperature.
Open and close on drenched green (title, thank-you); keep content slides on paper or clean surface so the deck breathes. One accent idea per slide. Cream text on green, ink on paper. Body type no smaller than 18pt, so it survives a projector. Headings serif, labels and data sans, matching the product. One chart palette across the whole deck, in the fixed order above.
Consumer/reader posts (Instagram) lean committed: drenched green, gold badge, cover art as the hero. Publisher/B2B posts (LinkedIn) lean restrained: clean surface, green carrying one number. One message per post. Keep the logo lockup in a corner, not centered. Leave safe margins for platform UI. Green is the recognizable slot the big platforms do not use, so let it dominate rather than hide.
#F3EFE3 for all text on green.One brand hue, two tuned expressions, adapted from the team's inverted-surface idea (in green, not purple).
Warm, paper-forward, light by default. The green recedes so the book is the hero. Dark mode is a first-class reading theme, not an afterthought.
Deeper, more authoritative use of the green for the dashboard and publisher-facing marketing. Signals a serious tool, dense neutrals for analytics, green as the frame.
The in-reader page colors (white, beige, grey, black with their paired text) are a user-selectable subsystem, not part of the app chrome. Keep them under colors/reading/*. Do not fold them into the brand tokens above, and do not use brand tokens as reading backgrounds. They answer a different question: what does the page look like while I read, not what does the app look like.
accent), never by hue (olive).AccentColor in the asset catalog to the brand green so system tint stops defaulting to iOS blue.bg/fill for section tints instead of accent-at-opacity.