Bone Courtyard color palette — #FAF2F8 · #E6D7D6 · #B8B0A7 · #6C6B75 · #585055

Bone and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E6D7D6): a clean, paper-quiet neutral.
• Ash (#B8B0A7): a calm mid-gray that lets other colors speak.
• Graphite (#6C6B75): quiet, heavy and certain.
• Charcoal Brown (#585055): a grounded near-black with real depth.

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

Use it as a design system

One click turns Bone Courtyard 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

• Hushed Stone Lagoon color palette (#EFF8F3, #E0D4D2, #99C6C5, #A6A69B, #4C5551)
• Driftwood Orchard color palette (#EFF2F8, #D8D5DB, #BBACB1, #797EAF, #33363D)
• Powder Hollow color palette (#F5F7E5, #C0CEFF, #C79FC2, #8C8F6B, #53424A)
• Aged Wisteria color palette (#FDEDF2, #CF9CFF, #8E7474, #5D5155, #252023)
• Dusty Drift color palette (#EADBE3, #AF9B96, #A28170, #5F57A1, #0F060B)
• Weathered Market color palette (#F5E9E8, #C4AF94, #A2987F, #A55177, #220C0B)
• Patina Blush Grove color palette (#FEF2F0, #EBD9BE, #CAC29F, #D67690, #462B26)
• Hushed Pewter color palette (#FBF2F6, #E3D8D4, #B5B0A6, #666E80, #575153)

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