Tempered Garden color palette — #FDF1F7 · #DBC18C · #6E65B2 · #563749 · #291E24

Slate and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Sand (#DBC18C): A whisper-light, dusty gold — the color of old brass.
• Slate (#6E65B2): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#563749): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#291E24): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Timeworn Field color palette (#EBF9F4, #DBC18A, #2779A9, #1B4C3E, #192520)
• Pewter Harbor color palette (#F2F5FF, #F6D8C8, #776E9E, #313652, #0C0E1C)
• Dusty Plum color palette (#FFF1F1, #E4B23B, #A33983, #5F1C4A, #281415)
• Aged Pier color palette (#F1F5FF, #CFDCAC, #8D90BD, #576280, #1C212E)
• Softworn Mint Quarry color palette (#FEF0FC, #90BE78, #325086, #3A2638, #22171A)
• Ash Thicket color palette (#FBF3F4, #E3D8D3, #D0BEB0, #A381A8, #504446)
• Feathered Coral Quarry color palette (#FBF3F6, #CEB7F7, #DE635E, #8F6AC5, #311F18)
• Lilac Pier color palette (#FFF0F7, #A48CEB, #B38638, #517C47, #412B36)

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