# Liquid glass tint: parameters and references

Source: https://meniscus.site/effects/tint · Updated 2026-09-27

**Looks like:** Glass carrying colour: accent or danger tint laid over the refraction while the backdrop still shows through and bends.

Also called: colour glass, color glass, vibrancy, tinted, prominent, colored glass.

**Use in:** Prominent buttons (glass prominent), selected states, accent/danger variants, tooltips; adaptive tint picked up from the backdrop.

**Avoid:** Opaque colour fills that hide the backdrop; heavy global tint on all glass; muddy desaturation.

**Parameters:** accent tint 25–40 % (#2B6BFF), danger 25–35 % (#E5484D); vibrancy (saturation) ×1.3–1.6 on the backdrop.

**Design tool:** Fill the glass shape with the accent at 25–40 % above the refraction layers; keep the rim.

**Web:** Set the optic layer fill to rgba(accent, .3); feColorMatrix saturate 1.4 in the filter.

**Shader:** `col = mix(col, tintColor, tintAmount); saturate with mix(col, luma, -0.4).`

## References

![A blue-tinted glass capsule over dunes and sky.](https://meniscus.site/gallery/tint-light-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_effect_spec` tool returns for `tint`. Materials, colours, light and composition rules that apply to every effect are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs