Brick Field color palette — #F8DDDC · #C0002A · #156E0D · #003CAF · #170001

Built around Ruby, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DDDC): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C0002A): A full-bodied, vivid orange — the color of toasted spice.
• Olive (#156E0D): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#003CAF): A full-bodied, vivid violet — the color of wild irises.
• Ink (#170001): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Brick Field 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 Delta color palette (#F8E2DB, #AD3A00, #006C45, #401CBE, #140200)
• Chalky Cabin color palette (#F9DCE2, #BB0058, #4D6500, #004E7D, #160005)
• Aubergine Summit color palette (#FAE7D5, #8B5000, #005D6A, #2E0097, #0A0300)
• Feathered Raspberry Drift color palette (#FFE9ED, #E40069, #00829E, #315F8F, #160005)
• Plum Courtyard color palette (#F0DEEC, #AA0999, #6D5900, #005462, #140010)
• Lapis Canyon color palette (#F6D6CF, #F83A0F, #009A51, #4A53F3, #480800)
• Tempered Cocoa Garden color palette (#F9DFD6, #832C00, #004C42, #003139, #140300)
• Powdered Mulberry color palette (#E8E3C9, #867500, #00758D, #8A2D73, #161200)

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