Quiet Cocoa color palette — #D7EAD7 · #AEB87B · #35976F · #842E00 · #121000
Built around Rust, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7EAD7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#AEB87B): A luminous, balanced green — the color of new leaves after rain.
- Fern (#35976F): A luminous, balanced teal — the color of shallow lagoons.
- Rust (#842E00): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#121000): 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 Quiet 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
- Tempered Lagoon Workshop color palette (#DEF1E5, #8EAE71, #008977, #5A3200, #070A00)
- Pale Garnet Lagoon color palette (#FBE9F2, #D6B15B, #78914B, #88273D, #190A00)
- Moss Basin color palette (#DAE7DE, #C2BC80, #7EA031, #634300, #292400)
- Weathered Terracotta color palette (#FEECD1, #C1C693, #49B688, #A83F00, #2B2900)
- Dusty Lime Cabin color palette (#FFF5D6, #EFE99B, #AAC35C, #825900, #1A1400)
- Worn Study color palette (#F5F8B5, #ACEAB8, #00BDC1, #875900, #122200)
- Patina Bronze color palette (#DCF5DB, #81712C, #5C3C00, #3C1600, #000704)
- Pale Fern Thicket color palette (#C7F3F1, #76DAD2, #5FA6D2, #5B6900, #001D15)
Browse the whole catalog at Explore, or see today's palette.