Penpot logo
Product
Self-Host
AI Workflows
Features
Release notes
Integration & API
Business Cases
Features
Community
Community Space
Ambassador Program
Wall of love
Penpot Fest
Blog
Features
Features
Resources
Learning Center
Penpot UI Course
Plugins
Libraries & Templates
Tutorials
Dev Diaries
Help Center
Pricing
Contact Sales
Log In
Contact Sales
Sign up
Back to home
Libraries & templates
Color palette kit - Design tokens edition

Color palette kit - Design tokens edition

By
Laura Kalbag
Design system
Templates
Share
Twitter
Twitter
Twitter
Use in Penpot.app
Download file

Description

Starter kit for an app color palette, using design tokens.
You can import the template and explore the demos, or export the tokens to use in another file.
There’s also an asset colors edition of this template.

Key features and use cases: Every color token is demoed in the file. If you edit the token color, the demo will update accordingly. The swatches work well with the Color Contrast plugin if you want to check your color accessibility.

Details

Last update:
Dec 22, 2025
Published:
Dec 22, 2025
Author website:
https://laurakalbag.com

File images

Report this file
This template/library was created by a member or group of members from the Penpot community. While we can’t guarantee everything will work perfectly, you can report any issues using the "Report this file" button—our team will look into it. You can browse, use, and manage templates directly from the Template Panel in the app or explore them through our website. Most templates are built by community contributors, so feel free to experiment and adapt them to your needs. Want to contribute your own template? That'd be amazing! Follow our template contribution guide to get started. Once it's ready, submit it for review and help other teams get inspired and save time with your design. Let’s grow the Penpot template library together—one great idea at a time.
Penpot logo
Full-stack Design

Product

  • Design
  • MCP Server
  • Code
  • Collaboration
  • Features
  • Design Tool
  • Penpot VS Figma
  • Penpot VS Adobe XD
  • Penpot VS Canva
  • Penpot VS Sketch

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Release notes
  • Help center

For Businesses

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration & API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Dev diaries
  • Help center

For Business

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration &API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Use Cases

  • Wireframing
  • Prototyping
  • UX design
  • AI Workflows
Collaborative UI Design

Key Features

  • Penpot MCP Server
  • Design Tokens
  • Design Systems
  • CSS Grid and Flex Layouts

Legal

  • Terms & conditions
  • Privacy policy
  • Cookie policy
  • Data processing agreement
  • Whistleblowing
Made with LOVE and Open Source KALEIDOS Subsidiary SL © 2026