Dusty Cocoa Cabin color palette — #F6F2E7 · #ABBA8E · #5D8057 · #7F4221 · #2B2810
Bronze and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F2E7): a clean, paper-quiet neutral.
- Sage (#ABBA8E): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5D8057): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#7F4221): A full-bodied, balanced orange — the color of sun-warmed clay.
- Onyx (#2B2810): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty Cocoa Cabin 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
- Chestnut Dune color palette (#F2F3E6, #BFC8AC, #768A68, #85561B, #2B3600)
- Timeworn Cypress color palette (#F6F2E3, #91A97B, #427149, #554500, #1F1D03)
- Misty Olive Quarry color palette (#EEE5D9, #C3AC5C, #858119, #475400, #1F3411)
- Muted Olive color palette (#F6F5CA, #A8C389, #6E883A, #304900, #0E1C00)
- Weathered Cypress color palette (#EEF8F2, #8ABBB1, #3C836A, #5B5378, #2A4943)
- Misty Harbor color palette (#F7F2DC, #A3AB5E, #8F83C0, #646B00, #292142)
- Moss Delta color palette (#F8F3D2, #839843, #3C86B8, #935568, #231F04)
- Tempered Garden color palette (#FAF5E8, #CBE7C5, #78AA97, #916A71, #393932)
Browse the whole catalog at Explore, or see today's palette.