Taupe Field color palette — #F2F7F0 · #D0DFDE · #CABCBA · #8FA286 · #4F544D

Built around Taupe, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D0DFDE): bright and airy, almost weightless.
• Stone (#CABCBA): a calm mid-gray that lets other colors speak.
• Taupe (#8FA286): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4F544D): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Taupe Field 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

• Worn Alley color palette (#F2F7F1, #D3DCDA, #72C6C3, #AEB0BF, #4F544F)
• Worn Balcony color palette (#FBF4EC, #DDD1A9, #84A682, #6F8373, #5D4B00)
• Cerulean Hollow color palette (#F0F7F1, #CADFE1, #DCBFC2, #0098A3, #344437)
• Dusty Summit color palette (#D9E3D7, #90AC9F, #977D92, #00504D, #040C04)
• Wandering Bronze color palette (#EFFAE1, #C5E3CE, #B7A0AD, #A67A3E, #734A00)
• Timeworn Petrol color palette (#D8E3DE, #D3BCCC, #BA9BA4, #006893, #14231D)
• Weathered Seafoam Boulevard color palette (#FFF2EC, #68D4BF, #6D95C7, #756D69, #3D4C41)
• Tempered Workshop color palette (#FCF1FA, #F3D5DE, #DAB2B2, #526DD7, #3F2B3B)

Browse the whole catalog at Explore, or see today's palette.