Preview image. Unlock full-res
Structured color palette sample showing six hex values and RGB coordinates arranged in an asymmetric modular grid layout.
Summary
Designer-tool reference showing a six-color palette with hex and RGB notation arranged in an asymmetric modular grid, useful for design system documentation.
Visual description
An asymmetric color-block grid displaying six distinct colors, each labeled with hex code and RGB values in a minimal sans-serif font (white or light text on color blocks). Top-left: taupe (#9A8B6A). Top-center: off-white (#F7F6F2). Top-right: pale cream (#FFF6F3). Center-left: deep navy (#03161D). Center-right: pale blue (#D8F4FD). Bottom-left: pale yellow (#FFF171). Bottom-right: soft yellow (#FFFBD6). Blocks vary in size; the navy and pale blue occupy larger areas, creating visual hierarchy. All typography is sans-serif with a monospace-style label format, emphasizing technical precision. The overall arrangement feels editorial and composed, not purely functional.
Key takeaway
Pairing hex codes with RGB notation in a compact label makes the palette exportable and tool-ready. Varying block sizes creates visual interest while maintaining readability; larger blocks anchor attention. A warm-and-cool split (beiges/yellows versus blue/navy) in a simple grid is an effective way to show complementary relationships.
Reuse notes
Ideal as a design-system spec reference, brand guideline page, or color-palette study. The neutral earth tones paired with pale and bold blues work for portfolio, editorial, and agency projects. Works well when printed or documented as a single-page color reference. Block sizes can be adjusted to reflect usage frequency or dominance in the actual design.
