Tempered Cocoa Quarry color palette — #F4FBCA · #A7F0C4 · #78B0CF · #965F5A · #72351A
A conversation between Rust and Mint, giving this palette its sense of nature and growth.
The five colors
- Custard (#F4FBCA): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#A7F0C4): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#78B0CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Walnut (#965F5A): A full-bodied, dusty orange — the color of autumn markets.
- Rust (#72351A): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Cocoa Quarry 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
- Washed Summit color palette (#E7FED2, #BEDCB8, #8FA5CE, #975C33, #572800)
- Aged Glacier Balcony color palette (#E0FFDF, #5DF2EE, #8AADEB, #7D7571, #5F2E27)
- Softworn Celadon color palette (#FFF2EA, #C9EC9F, #65BDB1, #805E7B, #603B40)
- Tempered Turquoise color palette (#DDF5DE, #5ABCCA, #596D9A, #683800, #2D1500)
- Weathered Meadow color palette (#E7FBC5, #8ACBBD, #69998D, #884D28, #461A0C)
- Muted Mulberry color palette (#CCF1DD, #96B58B, #4A8E8E, #8D3D5A, #6A4128)
- Bronze Field color palette (#EEFBD9, #BFF5FF, #CDAEBF, #A97541, #724203)
- Softworn Azure Orchard color palette (#DEF1EA, #079FCB, #635085, #4F2E00, #170A00)
Browse the whole catalog at Explore, or see today's palette.