Tempered Onyx Garden color palette — #FFF2F0 · #9EB890 · #723F4F · #4B1B2C · #2D1D1B

Espresso and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Sage (#9EB890): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#723F4F): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#4B1B2C): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2D1D1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Onyx 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

• Patina Hollow color palette (#FDF3EA, #B6B083, #714624, #482300, #221E0F)
• Rust Studio color palette (#FFF2EE, #DCC189, #AC505C, #5A392F, #2D1D19)
• Worn Celadon color palette (#F9F2FE, #C5E295, #BB819B, #6C5B79, #241F29)
• Weathered Mulberry Field color palette (#FBF3F1, #D89AAB, #0E8451, #AA1959, #20270F)
• Misty Moss Dune color palette (#FEDDCF, #899E1B, #74010B, #3A0003, #130900)
• Driftwood Boulevard color palette (#E6DDD0, #A48944, #483100, #201300, #060500)
• Aged Loft color palette (#FFF3E5, #C98085, #7E6716, #444190, #423C37)
• Inked Alley color palette (#EEDDD0, #696000, #1E2C2A, #250C00, #060100)

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