Teal Orchard color palette — #F1F7F2 · #D5E0EE · #A4CDE5 · #51B6A7 · #3C566A

Turquoise takes the lead with Sky close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D5E0EE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A4CDE5): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#51B6A7): A luminous, balanced teal — the color of sea glass.
• Peacock (#3C566A): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal 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

• Lagoon Pier color palette (#F9F3F8, #D6D5E8, #8BB8D5, #529775, #42536E)
• Softworn Mint color palette (#F1F5FF, #BBC2FE, #F2A991, #6DC396, #394257)
• Feathered Cobalt color palette (#E4F0E6, #74BBD7, #008CCD, #006C71, #00132F)
• Linen Sky color palette (#EEF9EF, #C4EBFF, #6EBEFF, #00A4B1, #213F6F)
• Ash Veranda color palette (#F6F1E9, #C4E7E1, #7CA891, #5D7256, #263B34)
• Iris Pier color palette (#E0F0FF, #B5D7FF, #99B6F4, #7F8AD0, #464D6B)
• Weathered Periwinkle color palette (#F0F5FF, #C6D3FF, #DFC480, #8CA2FA, #33563E)
• Washed Stone color palette (#FFF1F6, #C9E1C9, #D6AD8C, #B48674, #3C4C41)

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