Wandering Brick color palette — #FFF0FD · #C5002D · #016417 · #003F70 · #3F1818

Ruby and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#C5002D): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#016417): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003F70): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3F1818): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

One click turns Wandering 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

• Hazy Plum Study color palette (#FAF2FF, #C3107A, #335A00, #004364, #2C1D35)
• Tempered Navy Archive color palette (#FFF1F7, #AA5600, #006746, #102B94, #371B30)
• Antique Scarlet Courtyard color palette (#FFF0FC, #DB3835, #006B46, #3D288D, #430F54)
• Rust Harbor color palette (#FEF0FB, #BC5747, #006B70, #592C66, #352131)
• Chalky Rose color palette (#DEFFE6, #ED4A3F, #795B00, #003E97, #522910)
• Chestnut Corridor color palette (#F4DDE8, #894100, #004C12, #00245E, #19081B)
• Misty Ember Courtyard color palette (#FFF0FC, #FE3721, #747100, #693C89, #371123)
• Quiet Aubergine color palette (#EBFAEB, #8E6100, #00595B, #47028F, #361900)

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