Presets Pebble Estuary
Pebble Estuary
Calm botanical fintech UI: teal-green actions on warm stone neutrals, set in Atkinson Hyperlegible for clear figures.
Use Pebble Estuary
In Figma
Open UIX, go to Presets and search “Pebble Estuary”. Press Use this preset, then Sync to Figma.
Install UIXIn code
A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.
Unlock with UIX ProYou have UIX Pro. Download any file:
DESIGN.mdtheme.csstokens.dtcg.jsonfigma-variables.jsonshadcn-theme.jsonpreset.json
Send to your AI agent
Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Pebble Estuary preset”.
Get your MCP linkAbout Pebble Estuary
Calm botanical fintech UI: teal-green actions on warm stone neutrals, set in Atkinson Hyperlegible for clear figures.
Pebble Estuary is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.
- Access
- UIX Pro
- Industries
- fintech, personal finance, wellbeing
- Mood
- calm, organic, reassuring, grounded
- Display font
- Atkinson Hyperlegible
- Body font
- Atkinson Hyperlegible
- Mono font
- JetBrains Mono
- Density
- Comfortable
- Contrast
- Standard
- Corner radius
- 12px
