Sunlit Brick color palette — #FAF1FF · #FFC6D5 · #DE7C8D · #B34552 · #61302C

A conversation between Brick and Rose, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Shell Pink (#FFC6D5): A whisper-light, dusty red — the color of a theater curtain.
• Rose (#DE7C8D): A luminous, balanced red — the color of embers at dusk.
• Brick (#B34552): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#61302C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Chalky Plum color palette (#F5F3FF, #FDC2F2, #D584BE, #9F4379, #5B2B41)
• Powdered Blush color palette (#F6D6ED, #E97DB3, #BD576B, #72372C, #3F250F)
• Sunlit Rust color palette (#FFF0FC, #FFCDBF, #EC8B64, #AC4D00, #552F0E)
• Soft Blush Terrace color palette (#FED5F7, #FFABD9, #FF8198, #B9665A, #5D394C)
• Quiet Terracotta Cabin color palette (#FFF0FB, #ECD8C8, #E18D7E, #953025, #370401)
• Hushed Bronze Coast color palette (#FFF0FB, #E9DACB, #E29675, #B2683E, #6A4857)
• Airy Rose Alley color palette (#FEF0FE, #FFC2C4, #B7C461, #DE5363, #373D00)
• Ember Studio color palette (#FFDFDF, #FF8A81, #F23A05, #842A00, #491900)

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