# Modern color palettes

Looking for a modern palette? These 14 are hand-picked — clean, current combinations that feel at home in a product UI — each with role tokens, AA-checked text contrast, and a one-line note on why it works. Open one in the palette tool to lock what you like and regenerate the rest.

- Page: https://brandsweets.com/palettes/modern
- Count: 14
- Fonts with this mood: https://brandsweets.com/fonts/mood/modern

## Palettes

### Terminal

- Slug: `terminal`
- Hexes: #3fb950, #58a6ff, #f778ba, #0b0f14, #e6edf3
- Roles: primary #3fb950, secondary #58a6ff, accent #f778ba, surface #0b0f14, text #e6edf3
- Text on surface: 16.27:1
- Moods: technical, dark, modern
- Why: Green for success, blue for links, pink for emphasis — the dark-mode developer family, tuned to sit on near-black without glare.
- Tool: https://brandsweets.com/palettes/new/3fb950-58a6ff-f778ba-0b0f14-e6edf3
- Colors: https://brandsweets.com/colors/3fb950, https://brandsweets.com/colors/58a6ff, https://brandsweets.com/colors/f778ba, https://brandsweets.com/colors/0b0f14, https://brandsweets.com/colors/e6edf3

### Blueprint

- Slug: `blueprint`
- Hexes: #38bdf8, #818cf8, #fbbf24, #0f172a, #e2e8f0
- Roles: primary #38bdf8, secondary #818cf8, accent #fbbf24, surface #0f172a, text #e2e8f0
- Text on surface: 14.48:1
- Moods: technical, cool, modern, dark
- Why: Cyan and indigo on navy is the developer-tool look; amber is the only warm note, so it always reads as 'attention'.
- Tool: https://brandsweets.com/palettes/new/38bdf8-818cf8-fbbf24-0f172a-e2e8f0
- Colors: https://brandsweets.com/colors/38bdf8, https://brandsweets.com/colors/818cf8, https://brandsweets.com/colors/fbbf24, https://brandsweets.com/colors/0f172a, https://brandsweets.com/colors/e2e8f0

### Graphite

- Slug: `graphite`
- Hexes: #a1a1aa, #71717a, #f59e0b, #18181b, #f4f4f5
- Roles: primary #a1a1aa, secondary #71717a, accent #f59e0b, surface #18181b, text #f4f4f5
- Text on surface: 16.12:1
- Moods: technical, muted, dark, modern
- Why: A greyscale system with a single amber — the accent does all the work, so allow one per screen.
- Tool: https://brandsweets.com/palettes/new/a1a1aa-71717a-f59e0b-18181b-f4f4f5
- Colors: https://brandsweets.com/colors/a1a1aa, https://brandsweets.com/colors/71717a, https://brandsweets.com/colors/f59e0b, https://brandsweets.com/colors/18181b, https://brandsweets.com/colors/f4f4f5

### Indigo SaaS

- Slug: `indigo-saas`
- Hexes: #4f46e5, #6b7280, #10b981, #ffffff, #111827
- Roles: primary #4f46e5, secondary #6b7280, accent #10b981, surface #ffffff, text #111827
- Text on surface: 17.74:1
- Moods: modern, cool, clean · Industry: saas
- Why: The dependable indigo-and-emerald B2B pairing: indigo for primary actions, emerald reserved for success states.
- Tool: https://brandsweets.com/palettes/new/4f46e5-6b7280-10b981-ffffff-111827
- Colors: https://brandsweets.com/colors/4f46e5, https://brandsweets.com/colors/6b7280, https://brandsweets.com/colors/10b981, https://brandsweets.com/colors/ffffff, https://brandsweets.com/colors/111827

### Slate Workspace

- Slug: `slate-workspace`
- Hexes: #0f172a, #64748b, #2563eb, #f8fafc
- Roles: primary #0f172a, secondary #64748b, accent #2563eb, surface #f8fafc, text #0f172a
- Text on surface: 17.06:1
- Moods: minimal, cool, clean, modern · Industry: saas
- Why: Slate on slate with a single blue — the productivity-app look where the interface disappears behind the work.
- Tool: https://brandsweets.com/palettes/new/0f172a-64748b-2563eb-f8fafc
- Colors: https://brandsweets.com/colors/0f172a, https://brandsweets.com/colors/64748b, https://brandsweets.com/colors/2563eb, https://brandsweets.com/colors/f8fafc

### Launch Orange

- Slug: `launch-orange`
- Hexes: #ea580c, #1c1917, #0891b2, #ffffff
- Roles: primary #ea580c, secondary #1c1917, accent #0891b2, surface #ffffff, text #1c1917
- Text on surface: 17.49:1
- Moods: bold, warm, vivid, modern · Industry: saas
- Why: Orange is the rarest SaaS primary, which is exactly why it stands out on a pricing page; cyan keeps it from feeling like a hardware store.
- Tool: https://brandsweets.com/palettes/new/ea580c-1c1917-0891b2-ffffff
- Colors: https://brandsweets.com/colors/ea580c, https://brandsweets.com/colors/1c1917, https://brandsweets.com/colors/0891b2, https://brandsweets.com/colors/ffffff

### Fintech Trust

- Slug: `fintech-trust`
- Hexes: #0b3d91, #4b6a9b, #00a878, #ffffff, #0b1f3a
- Roles: primary #0b3d91, secondary #4b6a9b, accent #00a878, surface #ffffff, text #0b1f3a
- Text on surface: 16.52:1
- Moods: cool, clean, modern · Industry: fintech
- Why: Navy signals custody and stability; the green accent is money moving the right way. No red anywhere except errors.
- Tool: https://brandsweets.com/palettes/new/0b3d91-4b6a9b-00a878-ffffff-0b1f3a
- Colors: https://brandsweets.com/colors/0b3d91, https://brandsweets.com/colors/4b6a9b, https://brandsweets.com/colors/00a878, https://brandsweets.com/colors/ffffff, https://brandsweets.com/colors/0b1f3a

### Neobank

- Slug: `neobank`
- Hexes: #6d28d9, #0f0f0f, #a3e635, #ffffff
- Roles: primary #6d28d9, secondary #0f0f0f, accent #a3e635, surface #ffffff, text #0f0f0f
- Text on surface: 19.17:1
- Moods: vivid, bold, modern · Industry: fintech
- Why: Purple-and-lime is the challenger-bank uniform — high energy, and clearly not a legacy bank.
- Tool: https://brandsweets.com/palettes/new/6d28d9-0f0f0f-a3e635-ffffff
- Colors: https://brandsweets.com/colors/6d28d9, https://brandsweets.com/colors/0f0f0f, https://brandsweets.com/colors/a3e635, https://brandsweets.com/colors/ffffff

### Mint Modern

- Slug: `mint-modern`
- Hexes: #10b981, #134e4a, #f59e0b, #ffffff, #10231b
- Roles: primary #10b981, secondary #134e4a, accent #f59e0b, surface #ffffff, text #10231b
- Text on surface: 16.43:1
- Moods: modern, clean, friendly · Industry: fintech
- Why: Emerald as a primary rather than a success color, anchored by deep teal text — fresh, friendly, and fintech-adjacent.
- Tool: https://brandsweets.com/palettes/new/10b981-134e4a-f59e0b-ffffff-10231b
- Colors: https://brandsweets.com/colors/10b981, https://brandsweets.com/colors/134e4a, https://brandsweets.com/colors/f59e0b, https://brandsweets.com/colors/ffffff, https://brandsweets.com/colors/10231b

### Telehealth

- Slug: `telehealth`
- Hexes: #2563eb, #93c5fd, #16a34a, #ffffff, #14213d
- Roles: primary #2563eb, secondary #93c5fd, accent #16a34a, surface #ffffff, text #14213d
- Text on surface: 15.97:1
- Moods: modern, cool, friendly · Industry: health
- Why: Friendly blue with a soft tint and a green all-clear — approachable care with a tech backbone.
- Tool: https://brandsweets.com/palettes/new/2563eb-93c5fd-16a34a-ffffff-14213d
- Colors: https://brandsweets.com/colors/2563eb, https://brandsweets.com/colors/93c5fd, https://brandsweets.com/colors/16a34a, https://brandsweets.com/colors/ffffff, https://brandsweets.com/colors/14213d

### Open House

- Slug: `open-house`
- Hexes: #2f6690, #8fa3b8, #e3a72f, #ffffff, #1b2a41
- Roles: primary #2f6690, secondary #8fa3b8, accent #e3a72f, surface #ffffff, text #1b2a41
- Text on surface: 14.44:1
- Moods: clean, cool, modern · Industry: real-estate
- Why: Steel blue for trust, warm gold for the sold moment — an approachable brokerage that still feels established.
- Tool: https://brandsweets.com/palettes/new/2f6690-8fa3b8-e3a72f-ffffff-1b2a41
- Colors: https://brandsweets.com/colors/2f6690, https://brandsweets.com/colors/8fa3b8, https://brandsweets.com/colors/e3a72f, https://brandsweets.com/colors/ffffff, https://brandsweets.com/colors/1b2a41

### Studio Grey

- Slug: `studio-grey`
- Hexes: #1a1a1a, #8c8c8c, #3a86ff, #f2f2f2
- Roles: primary #1a1a1a, secondary #8c8c8c, accent #3a86ff, surface #f2f2f2, text #1a1a1a
- Text on surface: 15.55:1
- Moods: minimal, muted, modern
- Why: A pure greyscale with a single electric blue — the portfolio palette that makes work look considered.
- Tool: https://brandsweets.com/palettes/new/1a1a1a-8c8c8c-3a86ff-f2f2f2
- Colors: https://brandsweets.com/colors/1a1a1a, https://brandsweets.com/colors/8c8c8c, https://brandsweets.com/colors/3a86ff, https://brandsweets.com/colors/f2f2f2

### Cobalt Pop

- Slug: `cobalt-pop`
- Hexes: #1e40af, #111827, #fb7185, #ffffff
- Roles: primary #1e40af, secondary #111827, accent #fb7185, surface #ffffff, text #111827
- Text on surface: 17.74:1
- Moods: bold, cool, vivid, modern
- Why: One deep cobalt and one hot pink on white — a two-accent system for launches and campaign pages that need punch.
- Tool: https://brandsweets.com/palettes/new/1e40af-111827-fb7185-ffffff
- Colors: https://brandsweets.com/colors/1e40af, https://brandsweets.com/colors/111827, https://brandsweets.com/colors/fb7185, https://brandsweets.com/colors/ffffff

### Graphite Mono

- Slug: `graphite-mono`
- Hexes: #222222, #767676, #bdbdbd, #fafafa, #111111
- Roles: primary #222222, secondary #767676, accent #bdbdbd, surface #fafafa, text #111111
- Text on surface: 18.09:1
- Moods: monochrome, neutral, minimal, modern
- Why: Five greys, no hue — the true monochrome; the accent is a lighter grey, so hierarchy comes from weight and size alone.
- Tool: https://brandsweets.com/palettes/new/222222-767676-bdbdbd-fafafa-111111
- Colors: https://brandsweets.com/colors/222222, https://brandsweets.com/colors/767676, https://brandsweets.com/colors/bdbdbd, https://brandsweets.com/colors/fafafa, https://brandsweets.com/colors/111111

## Palette tool

Every tool URL is the palette's state: `/palettes/new/<hex>-<hex>-<hex>-<hex>-<hex>?lock=0,2&style=vibrant`. Hand a link to a human, let them lock and regenerate, and read `lock=` back from the link they return.

## Connect an agent

Point any MCP client at the BrandSweets colors endpoint for the same collection and engine:

- Endpoint: https://mcp.brandsweets.com/colors/mcp
- Tools: `list_palettes` (e.g. `list_palettes({ mood: "modern" })`), `suggest_palette` (mood/industry/seed → curated-first, with rationale), `generate_palette`, `analyze_color`, `check_contrast`.