Harmony

Services & Skills

Share on

With the OKLCH color space and the innovative APCA contrast algorithm, Harmony offers highly consistent color shades, previously unavailable P3 gamut colors, and precise control over text and UI element contrast.

Features

Equal contrast within lightness groups
Mirrored contrast pairs
Contrast levels for readability
Consistent chroma
Tailwind compatibility
Figma variables support
P3 gamut for maximum color

Read more about features and use cases in the Twitter thread:

Authors

Roman Shamin
Head of Design
Anton Lovchikov
Sr. Product Designer
Gleb Stroganov
Product Designer
Ivan Buryak
Frontend Engineer

In the same orbit

OKLCH Color Picker & Converter
OKLCH Color Picker & Converter
OKLCH Color Picker & Converter helps designers and web developers pick and convert colors in OKLCH and LCH color space, enhance a11y in their projects, and prepare for a future with a vibrant P3 color space.
Polychrom
Polychrom
A Figma plugin that ensures UI text is readable by leveraging the new APCA algorithm.
Better dynamic themes in Tailwind with OKLCH color magic
Better dynamic themes in Tailwind with OKLCH color magic
October 31, 2023
Commercializing Open Source with Victoria Melnikova
Podcast with Victoria Melnikova
Commercializing Open Source with Victoria Melnikova
Nov 9, 2023.NET Rocks!
Layers Meetup: Resolving text accessibility dilemmas in UIs
By Roman Shamin
Layers Meetup: Resolving text accessibility dilemmas in UIs
Nov 8, 2023Layers Meetup
Layers Meetup 02: Meet the Evil Martians
By Nina Torgunakova, Roman Shamin and Gleb Stroganov
Layers Meetup 02: Meet the Evil Martians
Nov 8, 2023Layers Meetup

Explore more open source projects

apcach
apcach
JavaScript color calculator for composing colors with consistent APCA contrast ratio.
Nano ID
Nano ID
A nano-sized unique string ID generator for JavaScript.