Sunlit Brick color palette — #F5D4EA · #CA4670 · #B0070C · #4F2300 · #201200

Built around Garnet, softened by Fuchsia — the whole palette hums with optimism and warmth.

The five colors

• Thistle (#F5D4EA): A whisper-light, dusty pink — the color of a candy shop window.
• Fuchsia (#CA4670): A full-bodied, vivid red — the color of embers at dusk.
• Garnet (#B0070C): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#4F2300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#201200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, 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

• Brick Pier color palette (#FBD5DD, #C52630, #703300, #352100, #120D00)
• Pale Rose color palette (#F3DFE4, #F63D61, #B00416, #6C2500, #442000)
• Ancient Ember Boulevard color palette (#FFDAE0, #D75842, #824C00, #443300, #191800)
• Quiet Mulberry color palette (#EAE1F3, #B455A9, #A5005F, #670010, #2C0E00)
• Hushed Scarlet Courtyard color palette (#FFD2DD, #FF8591, #E60918, #812600, #361500)
• Softworn Amber color palette (#FFE6DA, #DE764B, #903B00, #461B00, #0A0200)
• Muted Plum color palette (#F2D9F5, #B53554, #006594, #00489B, #1D0005)
• Washed Bronze Boulevard color palette (#F5DCE7, #BF6309, #007B79, #6D3500, #001616)

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