Penpot

Penpot's brand palette, anchored on Penpot Mint (#31EFB8) — the signature electric mint green that carries the wordmark and the "P" mark of the open-source design and prototyping platform. The institutional voice pairs that mint with a near-black canvas (Penpot's marketing surface is dark-leaning) and white display type. Penpot is open-source under MPL-2.0; its brand assets are published openly.

9 swatches 14 light roles 14 dark roles open-sourcedesign-toolspenpotmintmpl-2-0

Swatches

penpot-mint
#31EFB8
Signature electric mint green. Primary brand color — used on the wordmark, the "P" mark, primary CTAs, and key interactive surfaces.
penpot-white
#FFFFFF
Display type on dark canvas; canvas on light mode.
penpot-black
#18181A
Canonical dark canvas — the brand's preferred surface; also body text on light.
penpot-canvas-dark
#18181A
Authored dark-mode canvas — Penpot's preferred marketing surface.
penpot-surface-light
#F5F5F5
Authored panel surface for light mode.
penpot-surface-dark
#2A2A2D
Authored elevated surface on dark mode.
penpot-text-secondary
#6E6E76
Authored secondary text — neutral mid-gray on light canvas.
penpot-text-tertiary
#A0A0A8
Authored tertiary / muted text.
penpot-mint-hover
#5EF3C7
Authored softer Penpot Mint for hover / active states.

Mode role mappings

Light mode (14 roles)

accent → penpot-mint
accent-hover → penpot-mint-hover
background → penpot-white
error → penpot-mint
primary → penpot-mint
primary-hover → penpot-mint-hover
success → penpot-mint
surface → penpot-surface-light
surface-elevated → penpot-white
text-primary → penpot-black
text-secondary → penpot-text-secondary
text-tertiary → penpot-text-tertiary
warning → penpot-mint
warning-hover → penpot-mint-hover

Dark mode (14 roles)

accent → penpot-mint
accent-hover → penpot-mint-hover
background → penpot-canvas-dark
error → penpot-mint
primary → penpot-mint
primary-hover → penpot-mint-hover
success → penpot-mint
surface → penpot-surface-dark
surface-elevated → penpot-surface-dark
text-primary → penpot-white
text-secondary → penpot-text-tertiary
text-tertiary → penpot-text-secondary
warning → penpot-mint
warning-hover → penpot-mint-hover

Provenance

Source
https://penpot.app/
License
MPL-2.0
Attribution
Penpot is © Penpot S.L. and the Penpot community, licensed under the Mozilla Public License 2.0. Penpot publishes its brand assets openly. The primary brand color Penpot Mint (#31EFB8) is documented on Penpot's brand surfaces and is independently cross-referenced by the simple-icons brand database, which cites penpot.app as the source.
Imported
2026-05-18
Notes
Penpot is the only open-source brand in this batch — its license (Mozilla Public License 2.0) governs both the code and the published brand assets. Only Penpot Mint (#31EFB8) is read directly from Penpot's public brand surfaces. Secondary neutrals (mid-grays, dark canvas, hover mint) are authored neutral inversions calibrated to support both modes consistently without fabricating hex values that Penpot does not publish.