Teal Orchard color palette — #FCF3EF · #C5E9E2 · #90C5E6 · #6CA788 · #5A3C56

Built around Jade, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C5E9E2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#90C5E6): A luminous, dusty blue — the color of deep harbor water.
• Jade (#6CA788): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#5A3C56): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Ancient Petal Quarry color palette (#FAF4EE, #C8DDE9, #DFB9D8, #8EAB8C, #644956)
• Sky Lagoon color palette (#FFF2ED, #AFF2F9, #46C4FE, #3BA86E, #253F6B)
• Lagoon Delta color palette (#F9F4EE, #BDE3ED, #74C8E7, #009689, #17493B)
• Chalky Amber color palette (#FFF4E1, #E8C783, #B2B6FF, #C49727, #3D3E62)
• Lagoon Thicket color palette (#F8ECE6, #B5DFC4, #69ABE0, #009570, #202957)
• Hushed Cerulean Harbor color palette (#F7EFF5, #C1E2F0, #4B96C2, #2A6D4E, #1C2C45)
• Dusty Coast color palette (#FFF3E2, #BBE7D5, #CFC9D3, #D8A698, #564800)
• Wandering Mustard color palette (#FFF4DC, #D0BF64, #A7ACFB, #B185CC, #3B3831)

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