Cocoa Orchard color palette — #FFD6EE · #D2CF94 · #66BAAB · #B97972 · #6F3424

Built around Rust, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD6EE): A whisper-light, dusty pink — the color of neon signs at night.
• Pistachio (#D2CF94): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#66BAAB): A luminous, balanced teal — the color of sea glass.
• Caramel (#B97972): A luminous, balanced orange — the color of toasted spice.
• Rust (#6F3424): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Weathered Mint Veranda color palette (#FFE3F1, #CACE99, #7AC5A9, #B47A8B, #533D5B)
• Muted Cocoa color palette (#CBF5DB, #A0D7B6, #85B6D2, #A78097, #723E27)
• Washed Ridge color palette (#F5E3CD, #9BBF92, #68A6AB, #A1665F, #4C2F47)
• Quiet Jade Pier color palette (#E8FBE9, #CBD68D, #61BC76, #A28354, #393F09)
• Soft Veranda color palette (#DBEDD5, #69D5D5, #81A1E6, #A16C1A, #513300)
• Muted Delta color palette (#DCE1D4, #7CB5A7, #698FB2, #86554D, #3E1813)
• Hushed Pewter color palette (#DCF3C3, #BAC7A0, #4F9FA0, #7C6496, #6F3C59)
• Ash Terrace color palette (#DAFEF5, #CBDDEE, #B5C6D8, #85A697, #39564A)

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