Tempered Garden color palette — #FAF3F6 · #E3DFD1 · #51C79C · #C88A53 · #112222

A conversation between Mint Leaf and Mustard, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Bone (#E3DFD1): bright and airy, almost weightless.
• Mint Leaf (#51C79C): A luminous, balanced teal — the color of glacier melt.
• Mustard (#C88A53): A luminous, balanced gold — the color of honey in a jar.
• Onyx (#112222): A deep, shadowed, dusty teal — the color of sea glass.

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

• Stone Dune color palette (#F9F4ED, #F4DCA0, #A8C27F, #C0A86E, #2F2E27)
• Timeworn Moss color palette (#F0F7F4, #B4F3DF, #3EC2D5, #9CA047, #122127)
• Pale Ridge color palette (#EBFAEE, #FFD26B, #00A89E, #9E7700, #000C10)
• Tempered Mustard Study color palette (#EDF8F3, #BBBE6B, #209E9A, #7D6498, #332429)
• Dusty Jade color palette (#FFF1F6, #F0DBA2, #7CB184, #826691, #2F453C)
• Hushed Orchard color palette (#F7F0EB, #EBB693, #47937F, #976440, #12180E)
• Dusty Pine Veranda color palette (#E2FFE0, #B0E3C3, #A0B974, #408253, #004740)
• Linen Azure Boulevard color palette (#EEF7F5, #D1F3AA, #31A7F1, #6F9A2B, #07131E)

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