Tempered Orchard color palette — #E8FAF1 · #B3FFCE · #A9E3FF · #CAB2FF · #4E334D

Lavender and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
• Mint (#B3FFCE): A whisper-light, balanced teal — the color of glacier melt.
• Powder Blue (#A9E3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#CAB2FF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4E334D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Softness. Tagged candy, vibrant, light, 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

• Washed Workshop color palette (#E3FCF3, #BDE2FF, #EDA7EE, #B9BFE7, #283858)
• Weathered Grove color palette (#FFF1F6, #C1EAFF, #DEC1FF, #FC9794, #4D2542)
• Tempered Teal color palette (#FEF2EE, #C8E7E2, #93C5E4, #6BA887, #563F53)
• Dusty Veranda color palette (#ECF7FF, #A4FDFF, #81DEFF, #8D9BE0, #213B4F)
• Periwinkle Archive color palette (#BBF3FF, #9BD3FF, #87A5F3, #8680C7, #643C4A)
• Sunlit Pier color palette (#EEF9EC, #CEFFB9, #5BF8ED, #9DB7FF, #1D4632)
• Faded Fuchsia color palette (#D8FFF5, #01F7EE, #9AD3FF, #DE83FF, #1A265F)
• Iris Workshop color palette (#FFF0FB, #B9CAFF, #D9BA6B, #8099F0, #533F00)

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