Stone Canyon color palette — #FFF2F0 · #EAD5CF · #E49A93 · #AF715F · #534C48

Built around Rose Quartz, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#EAD5CF): A whisper-light, dusty orange — the color of autumn markets.
• Rose Quartz (#E49A93): A luminous, balanced orange — the color of toasted spice.
• Mocha (#AF715F): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#534C48): quiet, heavy and certain.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Patina Pier color palette (#FAF1FF, #E39BA8, #C36768, #925243, #614655)
• Coral Corridor color palette (#FFF2EC, #F0D6C1, #94DAE1, #CD8478, #2E4F36)
• Dusty Stone color palette (#FFF2EA, #E6DBBD, #DBAE76, #917743, #684D00)
• Apricot Bloom color palette (#FFE4E0, #FF8F5D, #B35D00, #6D4500, #271900)
• Muted Boulevard color palette (#FFF2EA, #E0D9CE, #DBA186, #955D47, #451F10)
• Soft Study color palette (#FFF2EE, #FFB689, #C57A00, #7D5700, #3A2C00)
• Chestnut Lagoon color palette (#FFF2EB, #DFDBCC, #DDB0A5, #97B3B8, #7A4514)
• Amber Chapel color palette (#F7E4DB, #CC7A00, #7F5600, #3F2F00, #0B0800)

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