Patina Cocoa color palette — #F1F5FF · #BCC1D6 · #9494A8 · #7D697D · #65474B
A conversation between Charcoal Brown and Slate, giving this palette its sense of sophistication.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Ash (#BCC1D6): A luminous, dusty violet — the color of wild irises.
- Blue Fog (#9494A8): A luminous, dusty violet — the color of wild irises.
- Slate (#7D697D): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal Brown (#65474B): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Sophistication. Tagged vintage, retro, 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
- Patina Pewter color palette (#E2F5FF, #B1C2D9, #8C8EA6, #527165, #344841)
- Timeworn Basalt Pier color palette (#EAE4FF, #A99DB8, #87738E, #6F4A58, #57471F)
- Tempered Denim color palette (#EDF4FF, #9FAADA, #7979BB, #5F559C, #484D6D)
- Indigo Cabin color palette (#F2F5FF, #B0A8DB, #CD8177, #765FBD, #5F425A)
- Patina Loft color palette (#F3F4FF, #D6C7F2, #8773AB, #593A7C, #3A2C50)
- Hushed Grove color palette (#FFF0FD, #F0D1D3, #D2B6C1, #B59B97, #7C3D25)
- Aged Dune color palette (#E7FBEE, #DDCFDF, #C297A7, #917D34, #585200)
- Antique Cocoa Villa color palette (#F5DAE0, #9A6B6A, #80371F, #332D00, #00200B)
Browse the whole catalog at Explore, or see today's palette.