Patina Cocoa color palette — #E2FAFF · #00716B · #6D4100 · #2A2700 · #000200
Bronze and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E2FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00716B): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6D4100): A full-bodied, balanced gold — the color of old brass.
- Onyx (#2A2700): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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 Station color palette (#ECF7FF, #0075A0, #484A00, #00280E, #000202)
- Garnet Ridge color palette (#E3FBF9, #00803B, #91030B, #351E00, #010100)
- Hushed Fern Garden color palette (#EFF6FF, #4582D2, #3B6E00, #003E34, #000406)
- Forest Ridge color palette (#EAF8FF, #009AB9, #776400, #145100, #000505)
- Softworn Olive Parlor color palette (#EFF6FF, #68A2FF, #488E00, #005A4B, #00131B)
- Navy Garden color palette (#D3EBE5, #003CA6, #462A00, #261500, #000201)
- Bronze Alley color palette (#E7F9FF, #64C1C5, #A97D22, #506300, #002326)
- Deep Abyss Boulevard color palette (#CDE2F4, #004564, #202400, #12141A, #000803)
Browse the whole catalog at Explore, or see today's palette.