Brick Villa color palette — #FFF2EC · #FF9C87 · #698200 · #B42300 · #010100

Brick and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FF9C87): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#698200): A full-bodied, balanced green — the color of a quiet forest floor.
• Brick (#B42300): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Brick Villa 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

• Feathered Moss color palette (#FFF2EB, #FFBFA4, #5F9E00, #C14D00, #060600)
• Hushed Station color palette (#FFF2F0, #FF94BB, #737F00, #B40064, #020100)
• Pine Pier color palette (#FFF3E7, #FDA43A, #008F37, #8D5400, #010100)
• Aged Tangerine color palette (#FDF3EB, #F37D0F, #00733E, #783A00, #010100)
• Patina Lantern color palette (#F8E5EE, #FFA362, #AE9300, #CD6900, #001207)
• Gentle Marigold Lantern color palette (#FFEFE9, #F6A449, #997C00, #334500, #001703)
• Washed Garnet color palette (#EDE0EC, #D06A6F, #006546, #870023, #000303)
• Aged Tangerine color palette (#FFF3E4, #EC8322, #6A7200, #3E288A, #1B1000)

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