Cocoa Pier color palette — #FBE3C9 · #594800 · #263300 · #001403 · #000201
Built around Deep Olive, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#FBE3C9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#594800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#263300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001403): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Pier 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
- Fern Terrace color palette (#F9F0CF, #626100, #2D3600, #0C1B00, #000A01)
- Aubergine Study color palette (#EBE8D7, #475300, #5D0073, #1B2200, #030004)
- Terracotta Alley color palette (#FFE3DF, #8D3300, #392400, #100D00, #020200)
- Obsidian Meadow color palette (#E5F1DD, #264500, #4E0060, #3C0025, #010200)
- Charred Studio color palette (#F4D8E8, #C40058, #0C5008, #020D09, #010100)
- Worn Meadow color palette (#ECEEDD, #298300, #004F38, #002A2A, #000E12)
- Dusty Hollow color palette (#F5F1D3, #429D7A, #00779A, #382600, #000200)
- Moss Courtyard color palette (#F2F2D0, #7AA346, #00783F, #004A3E, #00272B)
Browse the whole catalog at Explore, or see today's palette.