A distinctive spectrum for every product.
Woohl balances an iconic core orange with intentional, role-based color accents. Each ecosystem product enjoys its own palette to ground users and create instant orientation.
The 70 / 20 / 10 Surface Balance Rule
To keep interfaces crisp and accessible, every layout adheres to this intentional surface distribution:
Foundational white or whisper background. Gives content breathing room and high readability.
Deep charcoal (#111111) text, structural borders, navigation chrome, and high-contrast blocks.
Woohl Orange or product-specific accent. Strictly limited to primary CTAs, active states, and focus rings.
Woohl Orange & Warm Ramp
Paper
#FFFFFF
Whisper
#FDEFE7
Sand
#FADECF
Peach
#F8CEB6
Apricot
#F6BE9E
Coral
#F19D6E
Tangerine
#ED7D3D
Woohl Orange
#F4521B
Ember
#E85C0D
Rust
#BA4A0A
Cinnamon
#8B3708
Cocoa
#5D2505
Espresso
#461C04
Bark
#2E1203
Pitch
#170901
Ink
#111111
Role-Specific Palettes
Distinctive palettes created for independent merchants, operations stewards, and curators across the platform.
Makers & Merchants
Merchant Forest — Independent makers, logistics, storefronts & settlements
Forest 50
Forest 300
Forest 400
Forest 500
Forest 600
Forest 700
Forest 800
Operations & Command
Operations Gold — Ecosystem governance, audits, compliance & security
Gold 50
Gold 200
Gold 400
Gold 500
Gold 600
Gold 700
Gold 800
Creator Collective
Iris — Storytelling, curation, collaborative drops & community
Iris 50
Iris 300
Iris 400
Iris 500
Iris 600
Iris 700
Iris 800