Tempered Orchard color palette — #FDF1F8 · #E5D9D4 · #817FB5 · #583C4C · #20191D

A conversation between Slate Blue and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Bone (#E5D9D4): bright and airy, almost weightless.
• Slate Blue (#817FB5): A luminous, balanced violet — the color of wild irises.
• Cocoa (#583C4C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#20191D): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Softworn Parlor color palette (#ECF8F4, #B0E9DF, #538BBA, #264F45, #141E1B)
• Tempered Plum Basin color palette (#FFF2F0, #EBDABB, #AC5577, #532939, #1A0A09)
• Celadon Balcony color palette (#FDF1FA, #CEE9AA, #8E9DC7, #796675, #31282F)
• Worn Dune color palette (#FCF2F9, #CBC095, #515C82, #472F42, #2C2224)
• Wandering Blush color palette (#FBF2F5, #E8D9E1, #E690B1, #AD88C7, #291A18)
• Softworn Blush Meadow color palette (#FFF1F3, #EFD4D8, #E092B8, #A65F76, #632632)
• Ancient Mallow Delta color palette (#FFF1F3, #E5ADE7, #DF9C7E, #9A7D4B, #3E2C2F)
• Washed Mulberry color palette (#FFF1F2, #FFBFA6, #914080, #3C1934, #0B0102)

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