Patina Cocoa color palette — #E8F1EA · #99A9A4 · #658F91 · #564200 · #010D04
A conversation between Deep Olive and Storm Blue, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Taupe (#99A9A4): soft and architectural.
- Storm Blue (#658F91): A luminous, dusty teal — the color of shallow lagoons.
- Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#010D04): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Aged Harbor color palette (#E3EFE8, #87A9AB, #6A9099, #74620C, #020C06)
- Cocoa Station color palette (#F3EAEF, #9BA99C, #718E83, #752900, #15020E)
- Aged Canyon color palette (#EBE6DE, #BDBCAA, #8A9875, #4D3800, #020100)
- Muted Olive color palette (#EAE5D9, #9D9A8C, #74752C, #342A00, #0E0800)
- Forest Dune color palette (#DBE9E8, #A7B8BC, #7C9AAE, #006339, #001818)
- Onyx Ridge color palette (#D2F1EC, #2B8574, #004E5A, #510C23, #000806)
- Wandering Lagoon color palette (#F4DFEB, #8E6C3F, #425F3C, #590C3E, #1E0600)
- Dusty Lagoon color palette (#EBF8F9, #CCE2EB, #A4C2DD, #008D68, #18393B)
Browse the whole catalog at Explore, or see today's palette.