Brick Pier color palette — #F5F7E2 · #438F1D · #B20033 · #512900 · #020100

A conversation between Ruby and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#438F1D): A full-bodied, vivid green — the color of new leaves after rain.
• Ruby (#B20033): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#512900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Brick Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Weathered Terracotta color palette (#F1F8E7, #00A26C, #9C3200, #483200, #010100)
• Washed Plum Pier color palette (#FDF5DC, #807A00, #AB1975, #770402, #020100)
• Cocoa Delta color palette (#F1F9E0, #007647, #812700, #2F1D00, #010100)
• Muted Lagoon color palette (#E4FDE5, #00A3A6, #895D00, #404900, #000603)
• Worn Bronze Delta color palette (#F2F7EE, #59B499, #B7652F, #6F5B00, #171800)
• Weathered Peony color palette (#E4F3E4, #00B0B3, #D134B4, #806000, #051A07)
• Washed Olive Chapel color palette (#EEF8F0, #7AC2CC, #A58A4C, #5A7927, #1F2818)
• Azure Veranda color palette (#E6FBF2, #00ACE4, #7D7A00, #00622F, #001718)

Browse the whole catalog at Explore, or see today's palette.