Tempered Meadow color palette — #F9F3F8 · #CBD8A7 · #A76A6C · #5B445B · #312831

Mocha and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Pistachio (#CBD8A7): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A76A6C): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal Brown (#5B445B): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#312831): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Driftwood Grove color palette (#F1F7F2, #E2CFA1, #94784D, #3A553C, #262E26)
• Washed Driftwood Pier color palette (#FFF2ED, #DCF6CA, #B67257, #6F3218, #221916)
• Weathered Taupe Alley color palette (#FBF2F8, #FFCFDF, #C59080, #806277, #33272F)
• Teal Terrace color palette (#F9F2FC, #D995A5, #4AADAF, #896F96, #443848)
• Chestnut Harbor color palette (#FDF3EE, #D5BD8B, #894B2C, #5E2500, #2A2319)
• Teal Chapel color palette (#F8F3F8, #FEBEC0, #56B089, #C07377, #1F3232)
• Tempered Taupe color palette (#FAF3F6, #CFD9DC, #ABA7B1, #B18887, #594F54)
• Dusty Stone Meadow color palette (#FFF1F5, #EEAD8E, #899B60, #696A95, #3D4C3D)

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