Pale Brick color palette — #FFF0FC · #FA9F92 · #008A70 · #B3241D · #000102

Built around Brick, softened by Melon — the whole palette hums with balance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FA9F92): A luminous, balanced orange — the color of toasted spice.
• Fern (#008A70): A full-bodied, balanced teal — the color of glacier melt.
• Brick (#B3241D): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#000102): quiet, heavy and certain.

Feels like: Balance. Tagged duotone.

Use it as a design system

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

• Tempered Brick color palette (#FEF0FD, #FF9A9C, #398C09, #B71135, #000201)
• Apricot Chapel color palette (#FEF1F6, #FFA156, #008B66, #954E00, #000202)
• Ancient Meadow color palette (#FFF1F7, #E38842, #006F67, #773B00, #000102)
• Feathered Mulberry color palette (#F8F2FF, #EE9DCD, #729421, #91156D, #000201)
• Mustard Pier color palette (#ECF9ED, #EFAD28, #0082A9, #825B00, #000103)
• Frosted Amber color palette (#F3E9E1, #FDA560, #959D00, #CA6B00, #110D00)
• Amber Market color palette (#F0E0E6, #D27000, #366300, #6C3600, #000302)
• Aubergine Corridor color palette (#FFF0F9, #DC6E37, #006E8A, #5D0065, #1A001D)

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