Patina Cocoa color palette — #E9F4F8 · #63AAAB · #966165 · #6B411C · #3B1B2A
Built around Bronze, softened by Turquoise — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#E9F4F8): a clean, paper-quiet neutral.
- Turquoise (#63AAAB): A luminous, dusty teal — the color of sea glass.
- Walnut (#966165): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#6B411C): A full-bodied, dusty gold — the color of old brass.
- Onyx (#3B1B2A): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.
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
- Antique Bronze color palette (#E9F4F9, #67A7B9, #97634E, #61461F, #102E1B)
- Mulberry Field color palette (#E3F5FD, #369DAC, #97475B, #004E34, #002421)
- Weathered Cocoa Field color palette (#EDF7FC, #64A3B4, #786599, #813B38, #464515)
- Patina Boulevard color palette (#EDF9F1, #8ED9EE, #A68EBD, #945945, #393932)
- Cypress Parlor color palette (#F6EFF5, #D2D3ED, #7FA1B9, #4C765C, #2A3748)
- Lagoon Lantern color palette (#ECF4ED, #A5CEC0, #588E8C, #486675, #223630)
- Softworn Bronze color palette (#F4F7EC, #91BF96, #7F89BA, #886024, #284C2E)
- Patina Coast color palette (#E2EFFC, #0082CB, #804200, #3C3400, #181400)
Browse the whole catalog at Explore, or see today's palette.