Tempered Garden color palette — #EAF6E9 · #51A4A3 · #9C7D4F · #745930 · #1B261B

Turquoise and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#EAF6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#51A4A3): A luminous, balanced teal — the color of shallow lagoons.
• Mocha (#9C7D4F): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#745930): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#1B261B): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Periwinkle color palette (#FBEDFA, #7196CC, #9C7D52, #755831, #2A1E2A)
• Softworn Lantern color palette (#ECF5E7, #45A894, #A17385, #7E4D61, #1D2618)
• Ancient Chestnut color palette (#EDF8F2, #509BB7, #A96B70, #7A5819, #2D4338)
• Softworn Station color palette (#FFEBF7, #7C7FC0, #9A6934, #006245, #261220)
• Hushed Bronze color palette (#EEF6FF, #85AFDD, #B38CB5, #99723C, #323E4C)
• Fern Hollow color palette (#F6F2E1, #73B6D3, #816E9C, #615100, #362537)
• Timeworn Pewter color palette (#FDEDF3, #9B87BB, #6F5A8D, #6A411D, #0B231C)
• Cerulean Grove color palette (#EBF4F1, #DAD1CE, #A19E93, #6487A5, #2F3936)

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