Taupe Field color palette — #F8F5ED · #D6E0D4 · #A5B9B9 · #B6AD7C · #4C473C

Sage and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5ED): a clean, paper-quiet neutral.
• Bone (#D6E0D4): bright and airy, almost weightless.
• Ash (#A5B9B9): A luminous, dusty teal — the color of glacier melt.
• Sage (#B6AD7C): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#4C473C): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Tempered Bone color palette (#FFF4E1, #C6E3B7, #9FC3A7, #AA8482, #674B4A)
• Hushed Coast color palette (#EFF8F3, #D0DEE0, #B0C5CC, #709A86, #3F4B45)
• Jade Lagoon color palette (#F3F7EC, #CCE0D9, #A3AFC2, #5EBB82, #394600)
• Worn Quarry color palette (#F8F6E6, #C5E5CE, #A4CAC0, #8EA43D, #34332C)
• Softworn Bronze color palette (#EDF4F0, #D0D9DA, #AEBFC8, #7D7737, #232F29)
• Honey Balcony color palette (#FFF2EB, #DEC769, #59B99D, #90769D, #3E3D36)
• Tempered Summit color palette (#E8EADE, #92A69D, #6A918E, #337430, #090A01)
• Antique Study color palette (#E1E9DE, #A9C8C7, #C5AFC2, #0F938A, #182315)

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