Tempered Cocoa Meadow color palette — #FFF3E9 · #DDE4C9 · #ABD1B4 · #BD888E · #664100

Built around Bronze, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Celadon Mist (#DDE4C9): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#ABD1B4): A whisper-light, dusty teal — the color of glacier melt.
• Dusty Rose (#BD888E): A luminous, dusty red — the color of embers at dusk.
• Bronze (#664100): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Seafoam Field color palette (#FFF3E6, #DCE3C8, #A4EEB7, #E1A790, #624200)
• Hushed Pewter Pier color palette (#FFF3E9, #D1BA97, #AD866C, #8D5858, #3F3D36)
• Hushed Stone color palette (#FFF0F9, #C4EDFB, #9ABAD3, #D49CAC, #394E3E)
• Weathered Hollow color palette (#F5F8DF, #B1F2FC, #A1CCED, #9E7E3C, #3F4B00)
• Linen Glacier Orchard color palette (#FFF4DB, #B7F9C6, #54DCFB, #B97532, #45453E)
• Worn Cocoa color palette (#E8E1D3, #85B38C, #2397A0, #7A3400, #070E00)
• Sunlit Bronze Harbor color palette (#F7F2D7, #99E2BC, #70BFE8, #A76F23, #1E3B18)
• Wandering Stone Drift color palette (#F9F5EA, #E3BD89, #78743D, #524000, #262115)

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