Hazy Plum color palette — #FCF1FC · #B14A62 · #006D30 · #00475D · #2B2A3D

Brick and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Brick (#B14A62): A full-bodied, balanced red — the color of embers at dusk.
• Pine (#006D30): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2B2A3D): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Hazy Plum 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

• Faded Courtyard color palette (#FDF1F8, #C36E4F, #407300, #005067, #383254)
• Plum Grove color palette (#F5F3FF, #975297, #675E00, #004C43, #1E2838)
• Weathered Rose Boulevard color palette (#FCECFA, #CE5A62, #007167, #004E47, #0A1221)
• Aged Brick color palette (#FFE3F8, #AB1600, #004C3D, #003160, #2E072A)
• Ancient Aubergine Cabin color palette (#FFF1F5, #9E6500, #005A64, #391D82, #2A172D)
• Bronze Grove color palette (#E8FBEC, #CF7F6D, #8F5E00, #005960, #4B3641)
• Antique Coral Canyon color palette (#FFF2EE, #E9757C, #00888B, #006D70, #332433)
• Weathered Pier color palette (#F9F3F8, #E6D8D8, #CFBBB8, #966660, #4C454B)

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