Weathered Loft color palette — #F3D4E1 · #7823D5 · #6B4E00 · #01450C · #2D0E1E

Built around Violet, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F3D4E1): A whisper-light, dusty rose — the color of strawberry cream.
• Violet (#7823D5): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#6B4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#01450C): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#2D0E1E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Weathered Loft 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

• Patina Byzantium color palette (#FFE7EE, #9342C7, #735F00, #005238, #371D27)
• Soft Ultramarine Courtyard color palette (#F0D4EB, #2850DA, #813E00, #383B00, #281125)
• Aged Drift color palette (#FCD1D7, #A2009D, #4E5A00, #00413C, #2C1016)
• Chalky Aubergine Drift color palette (#FFE9EE, #800096, #494500, #003125, #18031D)
• Pale Indigo color palette (#FCDBEE, #6F61CE, #07550D, #00430D, #15000D)
• Airy Drift color palette (#D6DCFB, #8867DA, #5E7E21, #425D00, #1D1334)
• Aged Plum Balcony color palette (#F6D9DA, #B30090, #603F00, #00372A, #0A194C)
• Feathered Delta color palette (#F0DBB9, #BE28AF, #852438, #063F07, #3A142A)

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