Patina Cocoa color palette — #FFF2E9 · #DEDBCB · #D8A08F · #97B3B8 · #643A00
Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Bone (#DEDBCB): A whisper-light, dusty green — the color of fresh herbs.
- Camel (#D8A08F): A luminous, dusty orange — the color of toasted spice.
- Ash (#97B3B8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Bronze (#643A00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Patina Cocoa 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
- Tempered Lichen color palette (#FEF4E5, #CCFDCF, #DBDFC8, #BD9B75, #553C00)
- Moss Canyon color palette (#F5EAD5, #B5B67B, #77A400, #503A00, #010100)
- Cocoa Archive color palette (#FFF2ED, #DFE0CD, #BAD9A8, #98657F, #714003)
- Softworn Driftwood Grove color palette (#FFEBF7, #E9D0CD, #CEC798, #A1686B, #3B2630)
- Softworn Field color palette (#FAF5E6, #E7DDB5, #A7A154, #766B3D, #33322B)
- Washed Glacier color palette (#F9F7D9, #BEF2DD, #7ED9F1, #9B9E5B, #373730)
- Dusty Amber color palette (#FFE5CD, #F2BD73, #BD9600, #8C3B00, #0C0400)
- Timeworn Mustard Terrace color palette (#FBF5E4, #BDB743, #2FB4AB, #247E95, #2B2410)
Browse the whole catalog at Explore, or see today's palette.