Stone Field color palette — #FFF2EB · #D5EEB0 · #DFDBCD · #DE98A5 · #57504B

A conversation between Rosewood Mist and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#D5EEB0): A whisper-light, balanced green — the color of new leaves after rain.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Rosewood Mist (#DE98A5): A luminous, balanced red — the color of embers at dusk.
• Charcoal Brown (#57504B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Stone 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

• Coral Workshop color palette (#FFF2E9, #DEDDC6, #ABC4DB, #E39485, #693D00)
• Muted Taupe Station color palette (#FCF5DE, #C9E5C2, #84D8DE, #BE9A4E, #404039)
• Aged Amber color palette (#FAF4ED, #EAD1AB, #B98B53, #7E5B32, #292016)
• Weathered Iris Courtyard color palette (#FEF3E5, #DAB277, #63B9E2, #8A83D9, #37322C)
• Tempered Seafoam color palette (#E4E4FF, #22EFD0, #FFB56F, #69635D, #2E2319)
• Linen Ember Orchard color palette (#FFF3E8, #FFDFAC, #C4D65C, #FE5C3A, #4F2D00)
• Stone Basin color palette (#FFEBFA, #EFCDCC, #A6D0B5, #866C8B, #3B2932)
• Hushed Corridor color palette (#F3DDC1, #B3AD65, #78A648, #A65000, #120E00)

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