Airy Brick color palette — #F5D7CD · #E17178 · #868F00 · #BA0036 · #292C00

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

The five colors

• Shell Pink (#F5D7CD): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#E17178): A luminous, balanced red — the color of embers at dusk.
• Olive Leaf (#868F00): A luminous, balanced green — the color of a quiet forest floor.
• Ruby (#BA0036): A full-bodied, vivid red — the color of late-summer berries.
• Deep Forest (#292C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Timeworn Thicket color palette (#FFE9E1, #E98980, #84A336, #CF2127, #2D3C00)
• Misty Brick color palette (#FFF0FE, #FF7A84, #949A00, #B0263D, #191A00)
• Amethyst Orchard color palette (#F3DDD8, #D65079, #A86B00, #7F32DA, #390D1B)
• Aged Crimson Field color palette (#F1D3F1, #FF848C, #00B9A9, #CF525F, #00312C)
• Wandering Chestnut Drift color palette (#ECDACC, #CB9B55, #804300, #401F00, #150800)
• Washed Byzantium Coast color palette (#F4D5D9, #C37ABF, #BD7200, #A300A1, #3D2100)
• Washed Garnet color palette (#F0D8D2, #C4536E, #007983, #890039, #002F34)
• Brick Boulevard color palette (#F6D6C8, #D97969, #8B6BE8, #B91600, #2E1260)

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