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

Monochromatic Guide

Monochromatic Generator

Generate balanced 11-step monochromatic scales from a single base color.

Image Color Input

Upload an image to extract top colors, then click any extracted chip to set the new base color.

Accessible Preview

Preview UI examples and validate readability with WCAG and APCA contrast checks.

History And Share

Use undo/redo to iterate quickly and share the current palette with a copyable URL.

Save Palette Library

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

Export Tools

Export to Tailwind, CSS, SCSS, JSON, SVG, PDF, and other developer and design formats.

Pick base color
Random
Undo
Redo
Vision preview
Extract colors from image
Contrast grid
Saved palettes
Export
Share URL
Tool guide
Hex:
RGB:
HSL:
OKLCH:
Contrast:
Level:
Click any value to copy
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

Contrast Grid

Guidelines

WCAG 3 (APCA)

Steps

45+

APCA Contrast

-77
Background 600 #693518
Text 50 #f4f2ff

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 shades palette using its current name. Use icon actions to apply, rename, export, or delete.

Rename saved palette

No saved palettes yet.