---
title: "Color formula: A practical framework for UI designers and developers working with dynamic colors · Bootcamp · Jinson Johny"
description: "Summary of Jinson Johny's Bootcamp article proposing Color Formula, a shared standard for picking dynamic colours from images by rule rather than hex value."
url: https://jinson.me/writing/color-formula
markdown: https://jinson.me/writing/color-formula.md
type: Article
author: Jinson Johny (https://jinson.me/#person)
updated: 2026-11-01
---

[Published in **Bootcamp** · Jul 16, 2025](https://medium.com/design-bootcamp/color-formula-a-practical-framework-for-ui-designers-and-developers-working-with-dynamic-colors-f1e6b2ef41d2)

# Color formula: A practical framework for UI designers and developers working with dynamic colors

By [Jinson Johny](https://jinson.me/about.md) · \~7 min read on Bootcamp

## In short

Jinson Johny proposes Color Formula, a framework for dynamic colours extracted from content such as images. Prompted by a client project and the lack of a shared standard, it defines the rule for choosing a colour rather than the colour itself, written as image ID, position and logic (for example cf-23313.top.vibrant), so designers and developers share the same logic.

![News cards whose accent colours are picked from their images, with an eyedropper showing a colour-formula token.](https://jinson.me/images/writing/color-formula.webp)

Cover image from the original on [Bootcamp](https://medium.com/design-bootcamp/color-formula-a-practical-framework-for-ui-designers-and-developers-working-with-dynamic-colors-f1e6b2ef41d2)

## Key takeaways

1. **Dynamic colour is spreading.** Spotify, Instagram Stories, the App Store Today tab, Apple Invites and Material 3 Expressive all derive UI colours from content or wallpapers.
2. **Picking is subjective.** With manual colour pickers, two designers can pick different colours from one image, and handoff passes hex values when developers need logic.
3. **Rules, not hex values.** Each formula has three parts: image ID, position (default full) and logic, with average, dominant, vibrant and muted in the first release.
4. **A standard, not a plugin.** He frames it as a standard that means the same thing everywhere, like cubic-bezier for motion, released in public for others to adopt and contribute to.

This is a summary. The full article lives on Bootcamp, where it was first published.

[Read the full article on Bootcamp](https://medium.com/design-bootcamp/color-formula-a-practical-framework-for-ui-designers-and-developers-working-with-dynamic-colors-f1e6b2ef41d2)

## Related

[Color Formula at colorformula.org](https://colorformula.org)

---

**About the author.** Jinson Johny is a Dubai-based Design Engineer and Senior Product Designer for Design Systems and Design Ops at IBM iX. He is the creator of Deck (deck.is), a Figma-to-PowerPoint plugin used by 160,000+ designers since 2017, and .gui (dotgui.org), an open file format for user interfaces. Open to design engineering, design systems, DesignOps, AI design and product design roles in the UK (London) and remote. Contact: hello@jinson.me · [Open to work](https://jinson.me/hire.md) · [All pages](https://jinson.me/llms.txt)