Taupe Studio color palette — #F8F5EB · #9E9C4E · #467F59 · #3C5D40 · #48413C
A conversation between Moss and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Moss (#9E9C4E): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#467F59): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#3C5D40): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal (#48413C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Taupe Studio 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
- Amber Hollow color palette (#FEF3E6, #C08E30, #64794A, #226052, #6A2E10)
- Stone Loft color palette (#FFF6CC, #B1C776, #6F8D4E, #526F46, #4E4F47)
- Tempered Cypress color palette (#F9F1E4, #AE9A69, #34816A, #2E4E71, #3E1A1F)
- Tempered Field color palette (#FBF6D8, #738900, #006A53, #00475A, #432B00)
- Tempered Bronze color palette (#F7F2E3, #8B7F00, #3E3D36, #2D281D, #151610)
- Tempered Lagoon color palette (#EFF8F1, #C5AF7A, #529C89, #526992, #4A3B57)
- Stone Studio color palette (#FEF4E2, #E3E0B1, #B3D18F, #99A772, #5A4700)
- Tempered Emerald Grove color palette (#F1F8E8, #00A172, #006F84, #364574, #313D13)
Browse the whole catalog at Explore, or see today's palette.