Cocoa Boulevard color palette — #F8F6E4 · #DCEFB4 · #F6BAB5 · #8FA363 · #6F3217
Rust takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#DCEFB4): A whisper-light, dusty green — the color of a quiet forest floor.
- Rose Quartz (#F6BAB5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Moss (#8FA363): A luminous, balanced green — the color of new leaves after rain.
- Rust (#6F3217): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Cocoa Boulevard 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
- Wandering Lime color palette (#F7F6EB, #C9DEAB, #CEBBF5, #93B752, #644150)
- Timeworn Bronze color palette (#FDF3EB, #E2DCC3, #C8A78D, #A66A41, #593600)
- Patina Delta color palette (#FCF4EA, #FFE1B1, #90DECA, #B99354, #3A4D2E)
- Hushed Teal color palette (#F1F8EC, #B6F5E1, #B9C9FF, #57AC95, #573C50)
- Ancient Delta color palette (#F3F7EB, #BFE1CB, #7D8F4B, #3F4D00, #1A1D13)
- Weathered Fern color palette (#F5F6E9, #D0E5D2, #C3BD94, #96BBC7, #4E5402)
- Airy Lagoon Thicket color palette (#EDF9EB, #81E9DF, #D3B86E, #009F95, #45370B)
- Wisteria Canyon color palette (#E5F7EE, #B6B881, #C583B6, #757634, #352B46)
Browse the whole catalog at Explore, or see today's palette.