Patina Cocoa color palette — #D5F7FF · #006965 · #584800 · #00312F · #040300
A conversation between Deep Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Frost (#D5F7FF): A whisper-light, dusty blue — the color of deep harbor water.
- Pine (#006965): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#584800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Weathered Meadow color palette (#D3F7F9, #006C50, #0028C9, #003224, #000114)
- Fern Field color palette (#DBF7F2, #1C6E03, #7B2D00, #093401, #080100)
- Softworn Pine Workshop color palette (#D8E8F3, #007E23, #3D3B32, #00222F, #000306)
- Nocturne Villa color palette (#CBE8ED, #007989, #003E46, #001215, #000102)
- Patina Aubergine color palette (#C6E7F8, #00667B, #6F0091, #002F3A, #06000B)
- Mulberry Grove color palette (#CFE6E6, #006D6F, #8E003C, #003435, #25000A)
- Timeworn Chestnut Boulevard color palette (#DCE8DB, #008986, #796400, #00504E, #140F00)
- Feathered Plum Parlor color palette (#DAF1FB, #008F9B, #B60079, #00454B, #040002)
Browse the whole catalog at Explore, or see today's palette.