Tempered Coast color palette — #FFF1F5 · #E7D9E1 · #C0A7DC · #6F5C8E · #321F3F

Built around Slate, softened by Mauve — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Silver (#E7D9E1): bright and airy, almost weightless.
• Mauve (#C0A7DC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#6F5C8E): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#321F3F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

Use it as a design system

One click turns Tempered Coast 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

• Stone Field color palette (#FFF2F0, #E6D8D5, #DCA1BD, #905C78, #462020)
• Aged Iris Study color palette (#F4F4FF, #E5D4EE, #C8AEE9, #9476BD, #402F54)
• Weathered Boulevard color palette (#FFECF2, #DBC1F3, #9779BE, #573D6C, #2D111D)
• Washed Mallow color palette (#FFF1F5, #D9B1EF, #73BEB8, #518F8A, #3D2C31)
• Raspberry Bloom color palette (#FFF0FA, #FC9CD9, #B55499, #5C004C, #060004)
• Patina Powder Delta color palette (#FFF0F9, #E6D9D5, #94CCD2, #A3B1AC, #5D494E)
• Timeworn Delta color palette (#FDF2F4, #E6D1CF, #B4B273, #B388BA, #231E0F)
• Washed Celadon Loft color palette (#F9FD97, #EEEBFF, #C2DDF4, #4E3943, #2A2226)

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