Ash Study color palette — #FFF1F3 · #E3DAD1 · #9FB2B0 · #A3A9DA · #5C413D

Mauve and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3DAD1): a clean, paper-quiet neutral.
• Ash (#9FB2B0): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#A3A9DA): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#5C413D): A full-bodied, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Ash Study 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

• Antique Boulevard color palette (#FFF2EF, #F9FAC1, #E1DBCF, #C1A2C8, #7A3C21)
• Softworn Petal color palette (#D0F6FF, #FFCCE4, #C8CBDC, #503636, #271919)
• Driftwood Hollow color palette (#F6F3FF, #EED5DE, #E7BE9E, #8677A8, #53455B)
• Timeworn Taupe Hollow color palette (#FFF2EB, #F6D7B5, #C98D77, #8F5963, #34312B)
• Washed Villa color palette (#FFF2ED, #C8FF99, #E0DDCD, #CC73BD, #3F3934)
• Blush Bloom color palette (#FFF1F1, #E696BC, #4DB394, #696AAE, #321F1E)
• Aubergine Lantern color palette (#FFDFD6, #E2A37A, #8F9B00, #680D67, #040000)
• Faded Canyon color palette (#FFF1F1, #E2D9D0, #FED361, #8E67D2, #4A1C21)

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