Tempered Coast color palette — #FFF1F3 · #E3D8D1 · #A8B8A0 · #A491C3 · #634E4E

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3D8D1): bright and airy, almost weightless.
• Sage (#A8B8A0): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#A491C3): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#634E4E): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Aged Drift color palette (#FFF2EE, #E0DACE, #9ABECD, #CD91A9, #7F4224)
• Oat Alley color palette (#FFF1F5, #E4D9D2, #D9CC9C, #957A93, #5C4849)
• Driftwood Basin color palette (#FDF2F0, #E1CEB1, #A26B79, #68413B, #372724)
• Weathered Cerulean Drift color palette (#FFF2EE, #DA959F, #75A98B, #31879A, #4B3834)
• Ancient Bronze color palette (#FAF5E6, #CFCCB1, #A69B77, #906F2A, #4A4C00)
• Airy Magenta color palette (#FFF1F0, #E8D5CF, #FFB192, #C25DBD, #6F3541)
• Dusty Coral Archive color palette (#FCF3F0, #F6C2C3, #B99558, #C76E73, #312D27)
• Muted Aubergine color palette (#EEDDDE, #D4879B, #C95736, #6A1085, #1D000E)

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