Cocoa Balcony color palette — #FBE2C8 · #5A3300 · #00283A · #230019 · #040100
Built around Cocoa, softened by Ink — the whole palette hums with optimism and creativity.
The five colors
- Parchment (#FBE2C8): A whisper-light, dusty gold — the color of old brass.
- Cocoa (#5A3300): A deep, shadowed, balanced gold — the color of old brass.
- Midnight (#00283A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#230019): A deep, shadowed, dusty pink — the color of neon signs at night.
- Black (#040100): quiet, heavy and certain.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Cocoa Balcony 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
- Deep Thicket color palette (#DEE3D5, #004022, #002532, #24001F, #020200)
- Garnet Basin color palette (#FBDDCF, #6D1500, #002737, #070036, #040008)
- Inked Navy Station color palette (#F0E9D4, #3E3B00, #000A6E, #270009, #030200)
- Charred Studio color palette (#F5E5D8, #5C5C00, #003A29, #2E002C, #050E00)
- Weathered Olive color palette (#ECE0C5, #6F7500, #0C4904, #00241C, #001112)
- Charred Aubergine Courtyard color palette (#E7E8D6, #2B5400, #470060, #281400, #020600)
- Olive Garden color palette (#EFEDE4, #A9AC94, #6D8A4B, #3A3A00, #191301)
- Weathered Veranda color palette (#F7EBCF, #635A00, #00473C, #54000E, #030100)
Browse the whole catalog at Explore, or see today's palette.