Tempered Garden color palette — #FBDECF · #916000 · #544300 · #1E2700 · #020F00

A conversation between Ochre and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBDECF): A whisper-light, dusty orange — the color of toasted spice.
• Ochre (#916000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#544300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1E2700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#020F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Bronze Atelier color palette (#F9E4D1, #997000, #6D5A00, #414000, #070A00)
• Olive Chapel color palette (#F5EEE1, #637839, #524400, #381C00, #000501)
• Antique Brick Canyon color palette (#FFDAE0, #B72B15, #663900, #342500, #060800)
• Tempered Olive Loft color palette (#F5EBD1, #6F7500, #00581C, #003022, #000E0D)
• Grape Station color palette (#FCECD2, #846300, #6A29BA, #483500, #09001B)
• Washed Pine color palette (#F7EDD0, #889100, #157310, #00482C, #002421)
• Worn Lantern color palette (#E5DECB, #8AB386, #0097A8, #703000, #080C00)
• Powdered Violet color palette (#FFDFD2, #7C4EFF, #A65700, #130D02, #040100)

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