Dusty Cocoa color palette — #FDEDD5 · #9AA65A · #37956D · #792F00 · #131000
A conversation between Rust and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDEDD5): A whisper-light, dusty gold — the color of old brass.
- Moss (#9AA65A): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#37956D): A luminous, balanced teal — the color of sea glass.
- Rust (#792F00): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#131000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.
Use it as a design system
One click turns Dusty Cocoa 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
- Lagoon Workshop color palette (#EFECCF, #78B897, #00969E, #614E00, #001504)
- Garnet Station color palette (#FCDDCA, #B79863, #6B8C0B, #8D0034, #110800)
- Tempered Field color palette (#EFDDBF, #B9AE39, #5FA772, #885A00, #110A00)
- Dusty Olive color palette (#F2EBCC, #929055, #5E7C00, #432E00, #100E00)
- Hazy Mustard color palette (#F4E6D7, #BEBE32, #21B06C, #662600, #010100)
- Worn Bronze Pier color palette (#FFEAD2, #7E6E2D, #5F3D00, #3E1600, #030400)
- Ancient Olive color palette (#F0EDDA, #6C7E1F, #004D61, #333D00, #000201)
- Turquoise Boulevard color palette (#ECE9D4, #88D6A8, #00BDC6, #7D5E00, #0B3009)
Browse the whole catalog at Explore, or see today's palette.