#FAFAF7neutral
pawr.color.paper
--pawr-color-paper
default brand canvas
brand system
identity / logo system / color model
activemenu
brand system
identity / logo system / color model
identity / logo system / color model
color
Neutral first, with saturated, soft, warm, and dark palettes for context.
01 / baseline
color is a baseline system, not a strict recommendation
The four-piece mark and Baloo 2 give pawr enough identity. Color should provide useful starting points: a stable neutral spine, a better saturated signal set, soft palettes for repeated surfaces, and a dark baseline that can grow into product dark mode.
01
neutral owns the identity
The mark, wordmark, type, and core chrome return to paper, ink, and line. Color is an application layer.
02
saturation has a job
Vivid colors are for launches, share graphics, feature modules, and campaign moments, not every surface.
03
soft palettes do daily work
Most product, profile, pricing, docs, and editorial contexts should use light fields with one clear accent.
04
semantics stay separate
Success, warning, destructive, and payment states must not be derived from the marketing palettes.
02 / design tokens
reusable primitives before palettes
These token names are the bridge from brand exploration to production CSS, OG templates, and future docs. Palettes can change by use case, but implementation should start from named primitives instead of fresh hex values.
#171717neutral
pawr.color.ink
--pawr-color-ink
primary type and mark
#E4E2DCneutral
pawr.color.line
--pawr-color-line
borders and low-contrast structure
#2F5BFFsignal
pawr.color.signal.blue
--pawr-color-signal-blue
feature and product energy
#18C58Fsignal
pawr.color.signal.creator
--pawr-color-signal-creator
creator/profile energy
#FF5A4Esignal
pawr.color.signal.coral
--pawr-color-signal-coral
campaign heat
#FDBA2Dsignal
pawr.color.signal.gold
--pawr-color-signal-gold
ownership and celebration accent
#845BFFsignal
pawr.color.signal.violet
--pawr-color-signal-violet
experimental modules
#DCE9E2soft
pawr.color.soft.green
--pawr-color-soft-green
homepage body and calm marketing tint
#F5F0E8warm
pawr.color.warm.canvas
--pawr-color-warm-canvas
pricing, keep, lifetime, founder-led surfaces
#111111dark
pawr.color.dark.canvas
--pawr-color-dark-canvas
dark-mode baseline canvas
#1D1D1Bdark
pawr.color.dark.surface
--pawr-color-dark-surface
dark-mode grouped surface
#12845Dsemantic
pawr.color.semantic.success
--pawr-color-semantic-success
confirmed/live/paid state
#B86B00semantic
pawr.color.semantic.warning
--pawr-color-semantic-warning
pending/expiring state
#C9362Csemantic
pawr.color.semantic.destructive
--pawr-color-semantic-destructive
failed/delete/blocked state
03 / neutral spine
the colors that always belong to pawr
These are the only colors that should feel canonical right now. They hold the mark, typography, product chrome, and quiet brand surfaces without forcing every application into one hue.
#FAFAF7
paper
default canvas
#171717
ink
primary mark and type
#4E4E4D
charcoal
logo presentation field
#E4E2DC
line
structure and dividers
#F1F3EF
mist
quiet grouped surface
#8A8983
ash
secondary copy
04 / saturated signals
a stronger vivid palette
This is the higher-energy baseline. It gives pawr a memorable marketing range without forcing one owned hue. Use these in single, deliberate doses: one field, one CTA, one patchwork set, or one social graphic.
#2F5BFF
signal blue
product energy
feature launches, widget modules, claim flow emphasis
tint #E8EEFF
#18C58F
creator green
profile vitality
creator showcases, explore promos, fresh-page moments
tint #E5F8F0
#FF5A4E
coral red
social heat
campaign graphics, urgent announcements, launch cards
tint #FFE8E2
#FDBA2D
gold flash
ownership highlight
paid moments, active candidates, rewards, celebratory chips
tint #FFF1C2
#845BFF
violet pulse
experimental accent
limited experiments, AI/agentic modules, never as the default brand hue
tint #EEE7FF
05 / field checks
same mark, any field
The mark still needs to survive ordinary field color. This pressure test keeps the logo one-color while the surrounding surface changes from neutral to saturated to dark.
ink
#FAFAF7
default neutral field
reverse
#171717
high-contrast field
signal
#2F5BFF
active product field
creator
#18C58F
creator/profile field
coral
#FF5A4E
announcement field
gold
#FDBA2D
highlight or notice field
violet
#845BFF
experimental field
dark
#111111
dark-mode field
06 / soft baselines
the daily palettes by use case
These are starting points for quieter work: homepage bodies, creator surfaces, ownership states, docs/support, and dark mode. They are baselines to adjust from, not rigid final recommendations.
core
evergreen homepage, story, fallback sections
pawr.link
The default brand canvas stays quiet so screenshots, people, and widgets bring color.
paper default
soft
marketing body sections, manifesto, testimonials
pawr.link
Soft enough for repeated marketing sections, with only a slight environmental tint.
homepage soft
soft
profile showcases, explore promos, creator examples
pawr.link
Profiles should look alive, but profile screenshots still need to be the loudest object.
creator showcase
warm
pricing, keep, lifetime, renewal, founder-led notes
pawr.link
Ownership moments can be warmer and calmer without turning the whole brand beige.
member warmth
soft
influencer and social proof pages that need energy without a dark campaign field
pawr.link
Influencer pages need social energy, but the public page should stay legible and light.
social light
dark
dark mode, night reading, app shells, dense dashboards
pawr.link
A calm dark-mode baseline should preserve contrast and warmth without becoming a campaign look.
dark baseline
utility
docs, support, terms, changelog detail pages
pawr.link
Utility pages should feel branded through structure and restraint, not extra color.
docs quiet
07 / saturated recipes
marketing energy without new logo systems
These are the louder baselines for launches, campaign cards, experiments, social graphics, and celebration states. They should flex by surface, but the mark, type, contrast discipline, and geometry stay stable.
saturated
feature launches, product modules, release notes
pawr.link
Use one vivid signal for product momentum while the overall field stays breathable.
product signal
dark
X/Farcaster cards, changelog images, campaign graphics
pawr.link
High contrast belongs to social and campaign assets, not default product chrome.
social spark
saturated
agentic tools, dev demos, experimental product loops
pawr.link
Violet can mark experiments, but it should not become the default pawr color.
agent lab
saturated
payment success, launch wins, milestone cards
pawr.link
Celebration can be saturated, but keep CTAs and type anchored in ink.
celebration
08 / semantic boundary
state colors are not brand palettes
These tokens are darker and more literal than the expressive brand colors. They should be used when the interface is communicating status, not mood.
#12845D
success
confirmed, live, paid, synced
Use for state, not decoration. Do not swap it for creator green automatically.
#B86B00
warning
attention, pending, expiring
Use for risk or timing. Do not use gold flash when the message is a warning.
#C9362C
destructive
delete, failed, blocked
Use for true destructive states. Coral red remains a campaign color.
#2457D6
info
system notice, helper state
Use for UI information. Signal blue remains an expressive marketing accent.
09 / patchwork release
multi-color pieces need a reason
Patchwork can express the bento/profile idea directly, but it should be a mode with a trigger. Keep the piece layout stable, then let the four pieces inherit a palette from a campaign, profile, widget set, or social graphic.
signal patchwork
campaigns, social cards, product launches
soft profile set
profile showcases and friendly widget collections
member warmth
pricing, keep, lifetime, founder-led notes
10 / open decisions
places where color can still drift
These are the checks to keep close while applying the palettes to marketing, product, share exports, and dark-mode work. The point is not to freeze color today; it is to stop every surface from inventing a new system.
CTA contract
Primary marketing CTAs need one rule across palettes or every recipe will invent a new button system.
Keep ink-first CTAs by default. Let accent CTAs appear only inside launch, feature, and campaign modules.
saturation budget
Saturated palettes can make the brand memorable, but too much color will fight screenshots and profile content.
Use one saturated field or one saturated accent per module. Do not combine vivid backgrounds with vivid screenshots.
semantic collision
Creator green, gold flash, and coral red are close to success, warning, and destructive UI colors.
Keep semantic tokens separate and darker. Brand palettes create mood; semantic colors communicate state.
export pressure
OG/social palettes need to survive compression, thumbnails, dark app chrome, and platform cropping.
Test paper default, product signal, social spark, and member warmth at 1200x630 and 400px thumbnail sizes.