> ## Documentation Index
> Fetch the complete documentation index at: https://design.slingshotai.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> This site documents Sundial 2.0, the design system of the Ash mobile app (Flutter). For implementing UI: use the Design System pages — color/typography tokens (foundations/*), Flutter theming (theming/*), and component APIs (components/*) — as your reference; every value there mirrors the Dart source in lib/design_system/. The Philosophy pages (philosophy/*) are design rationale written for humans: consult them when making design decisions, not for API lookups. Golden rules: never hardcode colors or text styles — read tokens via context.colorTheme and context.textTheme; prefer the 2.0 semantic names (contentPrimary, surfaceComponent, accentSolid…) over legacy contrast*/surface* getters and over SundialRef primitives; the accent is a single pale lavender solid that takes dark content — never use accent fills as text, icons, or borders (use contentAccent / borderSelected); brand surfaces are mode-invariant and pair with the contentOnBrand* inks; check lib/design_system/components/ before building custom widgets.

# Color

> The brand palette and how it relates to the Sundial tokens

Ash's color is quiet by default and warm up close. The identity rests on a **black-and-white core** with **warm beige neutrals** and a small set of **soft pastels** — periwinkle in the lead, backed by green, orange, and yellow.

> [!WARNING]
>
> The Brand Book's color chips predate the current tokens. The **live source of truth for color is the [Sundial design system](https://design.slingshotai.com/foundations/colors/reference.md)** — build against those tokens, never hand-picked hexes.

## The palette, in short

* **Core:** black and white — with warm beiges standing in for grey. Ash deliberately avoids cold grey.
* **Lead accent:** Periwinkle — bold enough to be memorable, soft enough to be safe. It replaced the book's Lavender Blue `#CDCCF0` in October 2026.
* **Pastel accents:** green, orange, and yellow — small moments of joy in illustration and applications.

**Core & neutrals**

**Black**\
`#000000`**White**\
`#FFFFFF`**Light Beige**\
`#F4F2EF`**Dark Beige**\
`#CEC5B8`

**Lead accent**

**Periwinkle**\
`#DBE1FD`

**Pastel accents**

**Green**\
`#9ED99D`**Orange**\
`#F6CF98`**Yellow**\
`#F5EAAC`

> [!NOTE]
>
> Swatches are sampled directly from the v1 brand book's chips; the book's printed specs (CMYK / PMS) are still being filled in. For anything built in the product, the [Sundial tokens](https://design.slingshotai.com/foundations/colors/reference.md) remain the source of truth.

![A full-bleed lavender-blue slide titled 'Lavender Blue'](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/color-lavender-blue.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=476020474300b3998f28c4b44c48320f)

Lavender Blue — the book's original lead accent, since replaced by Periwinkle #DBE1FD.

## How we got here

The 2026 palette is a correction, and the book is honest about it. The earlier identity leaned on heavy beige and a muted purple — warm, but murky, not punchy, and spread across too many colors to build recognition. What was missing: boldness, a signature tone with depth and appeal across genders, and a sense of joy. The answer was restraint — a black-and-white core with periwinkle in the lead.

![Retrospective slide showing the previous beige, lilac, and multi-hue palette with critique bullets](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/color-retrospective.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=f981c222e5106c0a91874e34f379dbd9)

The book's retrospective: the old beige-and-muted-purple palette, annotated with why it fell short.

## Where the real values live

| Layer | Documented in |
| - | - |
| Primitive ramps (with hex) | [Reference Colors](https://design.slingshotai.com/foundations/colors/reference.md) |
| Semantic tokens (light/dark) | [Semantic Colors](https://design.slingshotai.com/foundations/colors/semantic.md) |
| Persona accents | [Accent Colors](https://design.slingshotai.com/foundations/colors/accent.md) |
| Flat brand colors (lavender, sunflower, grass, orange, sky, rock, tomato) | [Reference Colors → Brand](https://design.slingshotai.com/foundations/colors/reference.md#brand-colors) |

## Principles

* **Warm over cold** — parchment, not grey.
* **Restraint by default** — color earns its place; the canvas stays calm.
* **Never rely on color alone** to carry meaning — see [Robustness & Readability](https://design.slingshotai.com/philosophy/craft/robustness.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.