Tempered Cocoa Orchard color palette — #FFF3E8 · #DDDFCA · #B2B2BC · #B29685 · #694700

Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#DDDFCA): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#B2B2BC): soft and architectural.
• Taupe (#B29685): A luminous, dusty gold — the color of old brass.
• Bronze (#694700): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Ancient Coast color palette (#FFF3E9, #E6C49D, #B4947A, #A1633F, #5F4100)
• Washed Fern Canyon color palette (#F7F7DC, #C2F0E8, #9BD4E3, #A69A73, #525706)
• Stone Alley color palette (#FFF1F7, #C5E4EC, #EDACA4, #ABADBC, #435748)
• Wandering Courtyard color palette (#FDF5DB, #CEF2AE, #92D9B6, #A08959, #45443D)
• Worn Lantern color palette (#F9F5EA, #EACD92, #867E53, #614900, #302B1F)
• Taupe Atelier color palette (#FBF5E4, #B3AF5F, #7A9ECC, #877097, #3F3D36)
• Muted Mint Drift color palette (#F3F0E0, #8ADD87, #56BDA1, #706007, #262300)
• Amber Canyon color palette (#FFEAD0, #B59C02, #6D9432, #7D3600, #0F0900)

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