---
title: "Bento Brand Blocks — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Gavin Parker · Sections. Display brand colours in a bento grid."
canonical: "https://framer.elliotli.dev/component/bento-brand-blocks"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Bento Brand Blocks

# Bento Brand Blocks

Display brand colours in a bento grid.

[View on Framer](https://framer.com/marketplace/components/bento-brand-blocks/?via=elliot-li)

![Bento Brand Blocks preview image 1](https://framer.elliotli.dev/og/component/bento-brand-blocks/c4107468baf02d93/1600x1200.jpg)

## Summary

Display brand colours in a bento grid.

## Description

The Bento Brand Block is designed for designers building portfolio case studies or presenting brand identity work in Framer. It gives you a flexible colour palette component that adapts automatically as you add colours, while still giving you full control over typography, formatting, and layout.

Whether you’re documenting a full brand palette or highlighting key colours from a project, the component keeps everything visually balanced and easy to read across all breakpoints.

• Add up to 8 brand colours with custom colour names in a dynamic bento grid that automatically adapts as tiles are added or removed

• Toggle colour formats between HEX, RGB, and CMYK for sharing palette values with developers or clients

• Fully responsive grid that reflows at every breakpoint with no gaps or uneven spacing

• Independent typography controls for colour names and colour values using Framer’s native font system

• Per-tile text colour override to ensure labels remain readable on any background colour

• Optional label background with controls for colour, blur, radius, and padding

• Click any tile to instantly copy the current colour value to the clipboard

• Frame-driven sizing so the component fills the width and height of any Framer frame without fixed dimensions

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vcv50qf3-sN0drgGIyLnN6afUuu3s42Y8OieTN2)

## Rank history [How rankings work →](/terms#rankings)

-   All · #9513

## Details

- **Author**: Gavin Parker
- **Price**: $6.00
- **Published**: 2026-03-24
- **Updated**: 2026-03-24
- **Added**: 2026-03-10
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove