FreeWeb
SVG icons, illustrations and logos
- 371371 downloads
- 167167 likes
- 205205 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
Color palette extraction v1.0.0
Use this resource to extract a color palette from an image or website
New
- 332 downloads
- 172 likes
- 118 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install color-palette-extractionWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent identifies the dominant colors in an image, screenshot or website, then proposes complementary harmonies and checks their accessibility. It exports the palette as HEX, RGB, HSL, Tailwind, CSS, SCSS, JSON, iOS or Android. You get a palette report ready to use.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeSkills
Creating and managing personas from sources
- 338338 downloads
- 235235 likes
- 127127 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Creative direction for redesigns and design systems
- 563563 downloads
- 185185 likes
- 144144 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Logo variant design
- 469469 downloads
- 194194 likes
- 163163 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Art direction briefs
- 312312 downloads
- 107107 likes
- 205205 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Visual identity system
- 452452 downloads
- 135135 likes
- 201201 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Creative project brief
- 502502 downloads
- 103103 likes
- 143143 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Aesthetic direction brief
- 519519 downloads
- 189189 likes
- 235235 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: extraction approach and output requirements
- references/export-formats.md: CSS, Tailwind, SCSS, JSON, iOS and Android snippets
- references/color-theory.md: harmonies and accessibility
Good fit for
- You have a logo or photo you want to derive a palette from
- You need CSS color variables based on a reference image
Not for
Tags
- color
- palette
- design
- accessibility
About
You say
“Extract a six-color palette from this photo and export it as CSS variables.”
Skill published by onewave-ai under the MIT license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to extract a color palette from an image or website
- Review and adjust the result
Content preview
Files
- LICENSE1.1 KB
- NOTICE-PALATEKIT.md0.5 KB
- references/color-theory.md1.8 KB
- references/export-formats.md1.1 KB
- references/output-template.md3.1 KB
- SKILL.md2.6 KB
Origin and licence
Listed unmodified
- Author
- onewave-ai
- Source
- github.com/onewave-ai/claude-skills/tree/b2267d9171af4f56848d82992381b20b89b44056/color-palette-extractor
- Licence
- MIT
Notice
« color-palette-extractor » (onewave-ai, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…