Cocoa Pier color palette — #FBEDFA · #9BB48D · #3B8491 · #7A3D3F · #133232
A conversation between Coffee and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#FBEDFA): A whisper-light, dusty pink — the color of a candy shop window.
- Sage (#9BB48D): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#3B8491): A full-bodied, dusty blue — the color of open sky before noon.
- Coffee (#7A3D3F): A full-bodied, balanced red — the color of late-summer berries.
- Deep Forest (#133232): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Washed Mulberry color palette (#FCECFA, #C0A879, #53856A, #723A69, #173228)
- Dusty Cobalt color palette (#EAF6E9, #78BAAC, #587AA6, #6D4A1A, #193038)
- Lagoon Archive color palette (#EDF9EF, #6FB99A, #068792, #75476B, #344C50)
- Ancient Cocoa Market color palette (#EAF5ED, #AE9A65, #5372A3, #6B4104, #352400)
- Ancient Lagoon Lantern color palette (#E8F5F1, #A9CBCB, #558E8D, #48695F, #203535)
- Feathered Studio color palette (#FFEBF6, #38AA63, #006B8C, #682700, #00221D)
- Pewter Market color palette (#DFF9ED, #BCD4CC, #79A0A9, #805A6C, #274438)
- Muted Cypress color palette (#F6F0F4, #D3DDEE, #7DA0C2, #1F7C64, #2C364C)
Browse the whole catalog at Explore, or see today's palette.