# Abitaro — official brand colors

## Palette

| Official name | Hex | Specimen use |
|---|---|---|
| Ivory | `#FFFEF8` | Main background and light slider handles |
| Sand | `#EFE8DA` | Reading-section surface; gradient into Ivory |
| Gray Sand | `#D0CBC0` | Dividers, borders, inactive slider track |
| Dark Olive | `#2D2201` | Primary type and small dark UI states |
| Pistachio | `#F0FCE2` | Text-selection surface |
| Olive | `#745F37` | Accents, secondary labels, active slider track and outlines |

The main palette carries the page: light surfaces and Dark Olive type. Olive accents are restrained. The reading section uses the prescribed quiet Sand-to-Ivory background gradient. Ivory is the brand's white; Dark Olive is its near-black. Avoid pure white/black and the drifted colors from older SVG exports.

```css
:root {
  --abitaro-ivory: #FFFEF8;
  --abitaro-sand: #EFE8DA;
  --abitaro-gray-sand: #D0CBC0;
  --abitaro-dark-olive: #2D2201;
  --abitaro-pistachio: #F0FCE2;
  --abitaro-olive: #745F37;
  --abitaro-bg-gradient: linear-gradient(180deg, #EFE8DA 0%, #FFFEF8 100%);
}
```

[Back to the specimen](/).