Cocoa Loft color palette — #FBF4EC · #C6E0CC · #B2B189 · #7D8B74 · #574400
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Celadon Mist (#C6E0CC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#B2B189): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#7D8B74): A luminous, dusty green — the color of fresh herbs.
- Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Cocoa Loft 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 Stone Pier color palette (#EFF7F3, #C7E6DA, #92C1B4, #78A49F, #38544A)
- Driftwood Lagoon color palette (#F0F8F0, #A7CAB8, #738A5C, #4F6C6F, #415249)
- Taupe Loft color palette (#FEF3E8, #D4E7BC, #95A66E, #8A6B83, #3B3831)
- Dusty Fern Chapel color palette (#F4F2EA, #CCC49D, #788A61, #60671F, #32312A)
- Ancient Fern color palette (#EFDEC9, #949248, #315A00, #25205B, #010100)
- Stone Meadow color palette (#E2FCF4, #9FD2FF, #E4AE82, #C29A68, #263E38)
- Timeworn Azure Workshop color palette (#E6FBF2, #CFDFFD, #EBC58A, #5BA3CA, #4A453F)
- Washed Lagoon Pier color palette (#FAF5E5, #9EC98D, #228A63, #1F5A63, #1A1A00)
Browse the whole catalog at Explore, or see today's palette.