Ember

Everything Ember does

One shortcut for the picker. One for the workbench. Everything else follows from those two.

01 — The picker

Any pixel on screen, in the notation you actually use

Press ⇧⌘E anywhere — over a browser, a video, another app in full screen. The loupe magnifies what is under the cursor so you land on the pixel you meant, not the one next to it. Click, and the colour is on your clipboard in whatever format you work in.

  • Ten notations. HEX, RGB, HSL, HSB, OKLCH, OKLAB, LAB, LCH, CMYK and Display P3 — or write your own template.
  • Average an area, not a pixel. Sample 1px, 3×3, 5×5 or 9×9.
  • As authored, or as displayed. The sRGB value the designer typed, or the Display P3 value your panel shows.
  • No accessibility permission. The shortcut registers with the system directly.
[ silent looped clip — loupe magnifies, clicks, value lands, 4s, dark appearance ]
HEX#C2410C
RGB194, 65, 12
OKLCH0.55 0.19 39
HSL18°, 88%, 40%
[ largest screenshot on site — the drawer, full width, over a real desktop, dark appearance ]
HOME COLORS TEXT LINKS IMAGES PALETTES PROJECTS
02 — The workbench

Everything you just used, one keystroke away

Press ⇧⌘V and a drawer slides up over whatever you're working in — not a window you switch to, a shelf you glance at. Your recent colours, palettes, links, text, screenshots. Take one and it goes straight back where you need it.

  • It does not take you away. Press escape and you're exactly where you were.
  • Sorted for you. Colours, links, images, files, SVG, rich text, plain text — filed automatically.
  • Colours found inside things. Copy a stylesheet, get its colours as a strip on the card.
  • Drag it out. Into Figma, Keynote, Mail — it arrives as the right kind of thing.
type to search ↑↓ move ↵ use ⌘⌫ delete esc go back
03 — The clipboard, and the promise

It remembers everything. It tells no one.

Ember keeps your last 200 copies so you can go back for the thing you copied twenty minutes ago. That history never leaves this Mac. Not encrypted in transit, not stored securely on our servers — never uploaded at all. There is no route on our server that could receive it and no table that could hold it.

Passwords are never read. Pinned items are never dropped. Every item carries the icon of the app you copied it from. Choose one and Ember can paste it straight back — that needs Accessibility permission, asked only when you turn it on, never at launch.

What the privacy policy covers, in full →

Paste charges $29.99/yr for clipboard history alone.

04 — Import

Give it a website. Get the brand.

Paste a URL and Ember reads the site the way you would if you had the patience: follows the linked stylesheets, counts every colour in them, and works out which handful are actually the brand. It brings back the logo too. Drop in a photograph, a stylesheet, a token file or an SVG and Ember pulls every colour it can find — you choose which ones get saved.

stripe.com
Import
#635BFF
#0A2540
#F6F9FC
tailwindcss.com
Import
#06B6D4
#0F172A

A site that builds its styles in JavaScript returns nothing — Ember says so, rather than guessing.

05 — Palettes and projects

Where the work piles up

A palette is a set of colours you decided on. A project is everything for one piece of work — its colours, its palettes, the images and files it came from, and your notes.

  • Files stay as you gave them. A photograph is kept at the size it arrived, not re-encoded — 8.3× smaller than the alternative.
  • Two Macs, one library. Sign in and everything follows you, files included.
  • Share a palette by link. When two people edit the same colour, Ember tells you rather than picking a winner.

Three palettes and one project free. Unlimited on Pro.

[ screenshot — a real project: brand refresh, photographs, palette strip, notes ]
Two edits to --accent
Keep mine Take theirs
06 — Harmony

One colour in, a working set out

Give Ember a colour and it generates the five roles an interface actually needs. Not a wheel of tints — a set you could build a screen from. Lock the one you like and generate around it. Pro.

Ground
Structure
Signal
Support
Ink
07 — Contrast and the inspector

Both contrast numbers, because they disagree

Ember reports WCAG 2.2 and APCA at the same time. The first is the ratio you're held to contractually; the second actually tracks whether text is readable. A tool that shows you one is deciding something on your behalf.

WCAG 2.2
4.6:1
Pass
APCA
58
Marginal

Never behind the paywall — free, permanently.

08 — Export

It leaves in whatever shape you need

CSS custom properties, SCSS, JSON, a Tailwind config, an SVG swatch sheet, or an Adobe ASE file. CSS and JSON are free forever — a tool you can't get your work out of is a tool worth distrusting.

--kiln: #C2410C;
--ember: #F0862E;
--deep: #7C2208;
kiln: '#C2410C',
ember: '#F0862E',
deep: '#7C2208',
"kiln": "#C2410C",
"ember": "#F0862E",
"deep": "#7C2208",

See if Ember fits how you work

Who it's for →