Tempered Orchard color palette — #F5F6EE · #CAE5E3 · #A6D2BE · #6BAFB7 · #345247

Built around Cyan, softened by Pistachio — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE5E3): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#A6D2BE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6BAFB7): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#345247): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Tempered Alley color palette (#F4F6EF, #C3DEEE, #B6BDE7, #6EACC4, #5E4B5F)
• Patina Hollow color palette (#F5F6EA, #C8EBCE, #4EC3DB, #359E99, #004252)
• Dusty Periwinkle Coast color palette (#FFF0FA, #CBD1FF, #8AD8CB, #9BA2E3, #405439)
• Timeworn Parlor color palette (#ECF4F3, #D0DBF0, #60A6C6, #3C757D, #273846)
• Softworn Cobalt Garden color palette (#E9EDDF, #67AACC, #007CB7, #005A6D, #000A18)
• Azure Canyon color palette (#E9ECDC, #7DCEE2, #00A1CA, #007C83, #002332)
• Azure Lantern color palette (#F3F7EC, #CDE8FF, #7DBBFF, #199DCE, #1D3E75)
• Tempered Cocoa color palette (#FEF3E6, #ECD6B5, #CBB192, #A58D75, #5D4200)

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