Serafim

Mocha Mousse shadcn/ui theme

Explore the Mocha Mousse shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.

shadcn/ui theme 141

Open in editor
About

Mocha Mousse re-skins your whole app: colours, radius and type for light and dark mode. Copy it and paste it into your coding agent, or take the tokens below into your globals.css.

light

  • --background#F1F0E5
  • --foreground#56453F
  • --primary#A37764
  • --primary-foreground#FFFFFF
  • --secondary#BAAB92
  • --accent#E4C7B8
  • --muted#E4C7B8
  • --muted-foreground#8A655A
  • --card#F1F0E5
  • --border#BAAB92
  • --ring#A37764
  • --destructive#1f1a17

dark

  • --background#2d2521
  • --foreground#F1F0E5
  • --primary#C39E88
  • --primary-foreground#2d2521
  • --secondary#8A655A
  • --accent#BAAB92
  • --muted#56453F
  • --muted-foreground#c5aa9b
  • --card#3c332e
  • --border#56453F
  • --ring#C39E88
  • --destructive#E57373

More by Serafim

View all