back to palettes
Color lane

Stratified Harbor Enterprise 2026

Layered enterprise calm: paper-light operational surfaces, harbor-teal decisions, indigo focus, copper review accents, and status colors tuned for dashboards rather than decoration.

Signature · the star
primary accentHarbor teal · #006d77
Command indigo · #4f46e5
Review copper · #c2410c
Neutrals · the ground
bg
#f6f8fa
surface
#ffffff
text
#17212b
muted
#667085
border
#d5dce5
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Use neutral.50/0/100 as an explicit layered-background stack for app shell, cards, popovers, and tables.
  • · Reserve Harbor teal for the single primary action, selected navigation state, and decisive progress indicators.
  • · Use indigo for keyboard focus, active command surfaces, and high-attention affordances that must remain distinct from primary actions.
  • · Pair every semantic color with iconography or text labels; status must not rely on hue alone.
  • · For dense data tables, use borders and alternating neutral layers before adding tint.
Don't
  • · Do not use muted text below 14px for primary content; use text or raise the surface contrast instead.
  • · Do not place warning.400 or copper.400 behind white text; use warning.700/copper.700 for filled badges with light text.
  • · Do not use gradients behind readable enterprise data unless text sits on a neutral surface token.
  • · Do not mix raw hex values into product code; consume the exported --ds-* role tokens.
try it

remix with this palette

Drop Stratified Harbor Enterprise 2026 onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Stratified Harbor Enterprise 2026
Art style
Landing Page
no composition
live preview · recolored + filled