Cocoa Orchard color palette — #FBF4E7 · #FFCED8 · #C19975 · #4E769F · #672B0D

Rust and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBF4E7): a clean, paper-quiet neutral.
• Shell Pink (#FFCED8): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#C19975): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4E769F): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#672B0D): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Softworn Quarry color palette (#FFF3E5, #FFD2B4, #A1A86E, #7369A2, #573800)
• Cypress Market color palette (#FAF5E4, #EAD2FC, #C89199, #1C8284, #51373A)
• Patina Apricot Loft color palette (#EDF9ED, #FFBFA8, #DD9F66, #7C956E, #56404C)
• Blush Meadow color palette (#E9FAF0, #E28A95, #966E3E, #405D72, #53414E)
• Weathered Chapel color palette (#FDEFE1, #E79278, #966F50, #585500, #38281E)
• Grape Thicket color palette (#FFF3E7, #EBC494, #7E9E5D, #7D4998, #34312B)
• Fern Market color palette (#F6F6EF, #BDE1DC, #82BBB4, #9F7B7C, #3C4E04)
• Nightshade Veranda color palette (#FFF3E5, #EDA376, #838324, #503E99, #311D00)

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