Tempered Orchard color palette — #EFF7F5 · #CCDDE6 · #A2C2CE · #577700 · #32443F

Olive takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CCDDE6): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A2C2CE): A luminous, dusty blue — the color of deep harbor water.
• Olive (#577700): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#32443F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Antique Lagoon Basin color palette (#EFF7F8, #D6DBE2, #BCBECB, #32856E, #3B4B4D)
• Ancient Fern color palette (#E9F0EF, #C2CFD0, #87A6B4, #266500, #16342F)
• Charred Pine Pier color palette (#CBE8E7, #007D4D, #003136, #001D1D, #00090A)
• Antique Villa color palette (#E8FAEF, #8FAD81, #007C60, #5E5100, #2C4221)
• Washed Moss Terrace color palette (#F6F6ED, #CDE5D5, #A9CCC4, #93B158, #484100)
• Hushed Chestnut Basin color palette (#FFDCEA, #82B0A0, #3B8982, #824F34, #554618)
• Hushed Abyss color palette (#DEEEF1, #9FABB2, #6D819B, #004139, #00181C)
• Garnet Boulevard color palette (#E1FDEE, #8C7F00, #006765, #77003E, #373100)

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