Patina Cocoa color palette — #EEF6FD · #689FC1 · #84618E · #863918 · #1C4C40
A conversation between Rust and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FD): a clean, paper-quiet neutral.
- Blue Fog (#689FC1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#84618E): A full-bodied, dusty pink — the color of a candy shop window.
- Rust (#863918): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#1C4C40): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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 Petrol color palette (#ECF8FA, #5CA7A0, #6A69A4, #7E3D3F, #41461D)
- Fern Lagoon color palette (#F1F5FD, #8296CB, #965D6A, #5E5500, #004D4F)
- Pewter Field color palette (#ECF7FF, #B8C4D5, #9093B1, #876674, #405346)
- Softworn Plum Terrace color palette (#E7F5F6, #62AD9A, #A6526F, #44531A, #002F25)
- Antique Petrol color palette (#EEF6FF, #ABBEEA, #797EBE, #695C9E, #494A69)
- Worn Teal Harbor color palette (#F1F8ED, #68C5B0, #B67595, #617131, #44433B)
- Patina Atelier color palette (#F1F7F2, #D5DEF0, #6FA0BE, #007F80, #435468)
- Washed Hollow color palette (#EAF3FC, #5380AE, #333C50, #1F2A34, #13151B)
Browse the whole catalog at Explore, or see today's palette.