# Color palettes

> Build a coordinated palette from a mood, image or starting color.

<a id="capability-actions"></a>

## Start here

- [Install](https://architecturestudio.ai/capabilities/skill-color-palette-generator#capability-setup)
- [New to skills?](https://architecturestudio.ai/docs/agents)
- [All skills](https://architecturestudio.ai/capabilities?kind=skills)

<a id="capability-overview"></a>

## What it does

Give Norma a description, reference image or anchor color. Norma develops the color relationships and delivers an HTML palette that shows the colors in use, with codes and checked text/background pairings.

<a id="capability-setup"></a>

## Install

Connect Arch Studio in Claude or ChatGPT, then return to your conversation and ask Norma for the task. Your assistant uses its available file access and tools to carry out the skill.

- [Add to Claude](https://architecturestudio.ai/docs/install?host=claude&surface=app&method=mcp)
- [Add to ChatGPT](https://architecturestudio.ai/docs/install?host=chatgpt&surface=app&method=mcp)
- [Setup guide](https://architecturestudio.ai/docs/install)

<a id="capability-availability"></a>

## Versions and source

Arch Studio 1.5.1.2 · MCP — Available as MCP workflow instructions in compatible Claude and ChatGPT connections. The assistant performs the work with its own tools and permissions and verifies the actual result before reporting completion.

Arch Studio 1.5.1.2 · Open source — Included in the public plugin for Claude Code and Codex. In this version: Color palettes — Turn a mood, image or starting color into an HTML palette with pairings and contrast checks.

- [Hosted release details](https://architecturestudio.ai/releases/hosted-1-5-1-2-0692a162)
- [Read public source](https://github.com/AlpacaLabsLLC/skills-for-architects/blob/b85cba155ddbabe8e721fc79044e5a9ef4aa7540/skills/color-palette-generator/SKILL.md)
- [Public release details](https://architecturestudio.ai/releases/public-1-5-1-2)

<a id="capability-example"></a>

## Usage

Ask Norma in plain language. With Arch Studio connected through MCP, no $ or / command is required. Norma is your assistant working with Arch Studio.

```text
Use Arch Studio to create an HTML palette for a ceramics studio presentation. Start with terracotta and warm neutrals, add a restrained cool accent, and show color codes and text/background pairings. Check the rendered palette.
```

<a id="capability-scope"></a>

## What the palette includes

### Color roles

Norma organizes dominant, supporting, neutral and accent colors around the brief.

### Codes and swatches

Norma provides named swatches with HEX, RGB and HSL values and suggested uses.

### Pairings and contrast

Norma shows actual text/background combinations and calculates their contrast. Any pass/fail finding uses a verified applicable criterion.

<a id="capability-method"></a>

## Workflow

1. **Read** — Norma reads the visual brief and any supplied image.
2. **Compose** — Norma selects a coordinated palette and creates the HTML page.
3. **Check** — Norma inspects the palette and reports the pairing checks.

<a id="capability-pairs"></a>

## Pairs with

Norma can use the reviewed palette when composing a presentation.

- [HTML slide decks](https://architecturestudio.ai/capabilities/skill-slide-deck-generator)

<a id="capability-related"></a>

## Related skills

HTML slide decks — Turn an outline or report into an HTML presentation.

Resize images — Create image copies sized for the requested use.

- [HTML slide decks](https://architecturestudio.ai/capabilities/skill-slide-deck-generator)
- [Resize images](https://architecturestudio.ai/capabilities/skill-resize-images)