Tempered Garden color palette — #FDF1F9 · #FEE2A8 · #6270B8 · #2E3658 · #150C13

Built around Slate, softened by Peach Cream — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Peach Cream (#FEE2A8): A whisper-light, balanced gold — the color of honey in a jar.
• Slate (#6270B8): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2E3658): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#150C13): 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

• Wandering Ridge color palette (#EAF9F4, #FFE2A5, #1F7DB8, #124236, #05130E)
• Driftwood Station color palette (#FEF1F5, #CFDDCD, #927AAB, #5C3B47, #22181B)
• Washed Denim Market color palette (#EBF2FF, #BEB57E, #46527E, #1C2545, #070C17)
• Dusty Coast color palette (#FBF2FA, #DFD989, #7694D2, #735970, #281E27)
• Muted Byzantium Bloom color palette (#FFF1F3, #FFD26F, #A62BA3, #491448, #120305)
• Dusty Iris color palette (#FBF2F7, #E9D5EE, #E47596, #8779DC, #1E0D0A)
• Amber Lantern color palette (#FFF0F8, #A392E5, #B57A00, #236C32, #0B221A)
• Antique Amber Orchard color palette (#FFF0F9, #A5A9FF, #CE902D, #5F7E30, #311D2A)

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