Tempered Garden color palette — #FDEDF3 · #8967C2 · #4B363C · #31252A · #1A1313

A conversation between Amethyst and Charcoal, giving this palette its sense of sophistication.

The five colors

• Blush (#FDEDF3): a clean, paper-quiet neutral.
• Amethyst (#8967C2): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#4B363C): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#31252A): a grounded near-black with real depth.
• Ink (#1A1313): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Garden 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

• Cobalt Orchard color palette (#FBECFD, #2D80CE, #463744, #2D262E, #11191A)
• Lilac Bloom color palette (#EFF1FF, #A28FCC, #585665, #363742, #1F2227)
• Powder Cabin color palette (#F9EEF3, #BAADE4, #8C7575, #634D57, #251F25)
• Inked Cabin color palette (#FAD6DD, #A300BB, #3F1C38, #2A0D15, #100504)
• Antique Plum color palette (#F3E0DC, #B93D64, #432C24, #291B19, #110B07)
• Dusty Basin color palette (#FFF1F1, #CE75B0, #B37A5E, #6973A3, #533B3C)
• Garnet Basin color palette (#FFE2D9, #4B594F, #6F001F, #171D12, #190000)
• Mallow Courtyard color palette (#FFF1F2, #D898C6, #BC8F52, #945E85, #514C46)

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