Cocoa Orchard color palette — #EFF1FD · #A194BF · #975C7A · #753826 · #0D2F19
A conversation between Rust and Pewter, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF1FD): a clean, paper-quiet neutral.
- Blue Fog (#A194BF): A luminous, dusty violet — the color of wild irises.
- Pewter (#975C7A): A full-bodied, balanced rose — the color of strawberry cream.
- Rust (#753826): A full-bodied, balanced orange — the color of toasted spice.
- Deep Forest (#0D2F19): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Muted Cocoa Field color palette (#F4F0F8, #C188A5, #9D5E50, #644600, #002F26)
- Washed Cocoa Field color palette (#E8F5F4, #79A989, #985F68, #703E00, #272A00)
- Worn Bloom color palette (#EAF3FB, #69A4C8, #6E6B9A, #6A375E, #002F2C)
- Patina Pewter color palette (#EDF1FF, #C9CAE0, #9895A8, #7E6479, #473740)
- Patina Canyon color palette (#FDF1F9, #A7ACE5, #B273AC, #905656, #214C3C)
- Azure Lantern color palette (#ECF9F3, #4CA3CC, #9D5964, #56580C, #43433B)
- Fern Alley color palette (#E7F4F9, #59ABAF, #50749E, #514F01, #00301D)
- Muted Garden color palette (#EAF8FC, #8BDCDE, #B588B5, #7E690F, #00423D)
Browse the whole catalog at Explore, or see today's palette.