Tempered Orchard color palette — #F0F7F3 · #CBDFE1 · #CCC5AF · #4FB2D3 · #33453B

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CBDFE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Oat (#CCC5AF): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4FB2D3): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#33453B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Periwinkle Canyon color palette (#F9F3F8, #E1D7D7, #C1B2A7, #94AAE0, #4C454B)
• Aged Teal color palette (#F2F7EF, #CDDFDA, #9FAEBE, #23BEA0, #394432)
• Hushed Azure color palette (#E5F2ED, #E4D1D7, #CFB4B8, #449CCA, #1B332B)
• Patina Teal Bloom color palette (#F7F8DB, #94E3B0, #4FBB9E, #4A969E, #393C35)
• Hushed Petrol color palette (#E8F4FB, #D2D5E4, #AFC1DB, #007794, #132833)
• Ash Balcony color palette (#D6EFFF, #B7CAFA, #B3A0D8, #B28463, #50451C)
• Hushed Periwinkle Boulevard color palette (#F6DDFA, #4AA5FF, #5D648B, #4F3852, #05150F)
• Soft Fuchsia color palette (#E0FDF2, #59C3FF, #D16CCA, #A86200, #003B20)

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