Pine Quartz

#0c2c1e

Notes

Pine Quartz (#0C2C1E) is a deep teal with a cool character. It leans cool, sitting on the blue, green, and violet side of the wheel. Quiet and dependable, a fit for product UI and data visualization. Its HSL profile (154°, 57%, 11%) places it in the balanced band at a dark lightness. It works well as a headline, icon, or deep background in an otherwise light layout, pairing cleanly with cream, bone, and warm neutrals. For a confident two-color system, pair it with its complementary magenta. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX

#0c2c1e

RGB

rgb(12, 44, 30)

HSL

hsl(154, 57%, 11%)