ShadesPalettesMCPAstro V6 & Tailwind Templates
Shades Palettes MCP Astro V6 & Tailwind Templates

Color Palette Guide

Role-Based Palette

Build 5-color palettes with Primary, Secondary, Accent, Foreground, and Background roles.

Drag To Reorder

Move color cards to remap roles instantly and see changes applied across all preview cards.

Image To Palette

Upload an image to extract top colors, then fine-tune any swatch with the color editor.

History And Share

Undo/redo every palette change and copy a shareable URL with current colors and font settings.

Save Palette Library

Click the Saved palettes icon next to Export to save, re-open, rename, and export your favorite palettes.

Export Anywhere

Export palettes to Tailwind, CSS, SCSS, JSON, SVG, PDF, design tokens, and platform formats.

Random
Undo
Redo
Vision preview
Extract colors from image
Saved palettes
Export
Share URL
Tool guide
Hex:
RGB:
HSL:
OKLCH:
Click any value to copy
Edit Color
Hue 0°
Saturation 0%
Lightness 0%

HSL

hsl(0, 0%, 0%)

OKLCH

oklch(0 0 0)

Examples

Threat history Jan-Aug 24
Jan Mar May Jul

Total security score

Industry average: 67/100

73 / 100

Threats by area

Rolling 30 days

124 total
Apps 48%
60 findings +6 this week
Devices 28%
35 findings -4 vs last week
Data 16%
20 findings Stable
People 8%
9 findings New hires spike

MFA coverage

Entra ID · 92% enrolled

Notifications

5 unread · 2 requires action

Agent scans

88% in last 24h

Systems status

Updated 2m ago

API Operational
Alerts Monitoring
Webhook queue Degraded
Maintenance scheduled Saturday 02:00–04:00 UTC.
Report issue
Bug
Write description here
Submit
I'm under attack

It seems like you are under attack. Please contact our instant cybersecurity partner.

I understand. Contact now.
Navigation Quick access
Home Active
People 128
Devices 342
Apps 48
Settings · · ·

Channels

Notification delivery

Email

Primary channel

SMS

Critical alerts

Mobile push

Low noise

Readiness

Controls completed vs. planned

70%
Preventive 18/24
Detective 9/16
Next up: enable just-in-time access and rotate root credentials.

Coverage

92%

+4% WoW

Policies enforced across tenants

Median response time

14m

SLO: <20m

Avg triage time on last 50 alerts

colorsandfonts

Platform Solutions Customers Pricing Docs Join Contact

Turn product signals into predictable SaaS growth.

Monitor activation, retention, and expansion in one operating layer for product, growth, and revenue teams.

Explore platform

Export Palette

Tailwind v4
HEX
Font Settings
Inter / Inter
None

Select image

Apply mode

Browse or drop image

PNG, JPG, WEBP

Eyedropper: click anywhere on the image to pick exact colors.

#000000

Picked colors

Recent images

No recent images yet.

Privacy: images (upload, URL, and camera) are processed locally in your browser. Recent image history is also stored locally in this browser only. We do not save, record, or store them on our servers.

Vision preview

Share palette

Share URL: opens social share with your palette link.

Saved palettes

Save the current palette using its current name. Use icon actions to apply, rename, export, or delete.

Rename saved palette

No saved palettes yet.