Tempered Orchard color palette — #F9F4ED · #C5DFED · #A6CAF4 · #87AD93 · #5F4B5C

Built around Sky, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Powder Blue (#C5DFED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A6CAF4): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#87AD93): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5F4B5C): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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

• Muted Field color palette (#FBF4EE, #C5E0EF, #9BB1DE, #738F6E, #604C56)
• Hushed Stone Pier color palette (#E6FBF5, #E8D6D1, #A2C9B3, #ADABA0, #5D4E5C)
• Dusty Summit color palette (#E9FAF4, #ACDBFF, #F3B98E, #75B0DA, #524C46)
• Ancient Loft color palette (#DDFEF4, #98CDFF, #F3A4B2, #A1B885, #334742)
• Petrol Lantern color palette (#ECF4F3, #D4D9EA, #7AA1C3, #2E758D, #24384E)
• Washed Lagoon color palette (#FBF4E9, #C0ECD3, #73BBE6, #1F9EA0, #203C5A)
• Worn Fern Corridor color palette (#FCF5E4, #E2DAB6, #C0B787, #A08F77, #4F4A00)
• Softworn Cerulean color palette (#ECE2D2, #5AC3C2, #0094A5, #007055, #001720)

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