Taupe Canyon color palette — #F0F7F1 · #B9DAC9 · #8DA47A · #707C9F · #3F5249
Built around Moss, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Oat (#B9DAC9): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#8DA47A): A luminous, dusty green — the color of new leaves after rain.
- Slate (#707C9F): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal Brown (#3F5249): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Taupe Canyon 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
- Wandering Cocoa color palette (#FBF4EA, #C5E0CC, #B1B18D, #947F8B, #564400)
- Muted Lagoon Harbor color palette (#F9F3F7, #D5D6EA, #81BBD1, #55957B, #3D556C)
- Hushed Pewter color palette (#EAFAF0, #ACC590, #459A67, #77579F, #2F4214)
- Chestnut Balcony color palette (#F9F5EB, #CBC0A1, #7F8654, #7E5D53, #5E4B00)
- Hushed Garnet color palette (#E0F5F0, #63A280, #007068, #692A56, #002112)
- Muted Harbor color palette (#FFF0F8, #D6A58E, #4DB9AC, #389ECC, #513A47)
- Dusty Station color palette (#D7EAE1, #91AF88, #008660, #6B427A, #133109)
- Tempered Taupe Grove color palette (#FCF2FA, #E7D7D6, #C2DDB5, #CD8EA3, #624D58)
Browse the whole catalog at Explore, or see today's palette.