Tempered Orchard color palette — #FEF1F9 · #EDD3D1 · #C5A3B8 · #887288 · #364338

Mauve takes the lead with Slate close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Bone (#EDD3D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mauve (#C5A3B8): A luminous, dusty pink — the color of neon signs at night.
• Slate (#887288): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#364338): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Seafoam Loft color palette (#EAF8FA, #7ED8BB, #CB9CC8, #997396, #1F3638)
• Driftwood Harbor color palette (#FAEEF5, #D6AEC1, #A47763, #6B4D63, #37272D)
• Worn Cocoa color palette (#FEF2EB, #CDB298, #A27462, #7B5245, #5F4100)
• Lagoon Summit color palette (#EBF8F9, #D3D9CB, #5F9092, #2C4D4E, #0E1E1F)
• Tempered Bone color palette (#E9FAF1, #CFE6B9, #A1A174, #7D673F, #1D3735)
• Iris Boulevard color palette (#EBF7FE, #7CC4DE, #888AC2, #935D59, #172F2E)
• Antique Navy color palette (#DBFDFF, #B8E6F7, #80C3D9, #46769F, #2D3671)
• Bronze Meadow color palette (#E5FDE5, #C0B37A, #9A6C24, #6F320A, #111500)

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