Tempered Station color palette — #FFF1F4 · #E3D8D2 · #AAB79E · #BB98B1 · #614D50

Mauve takes the lead with Sage close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D8D2): a clean, paper-quiet neutral.
• Sage (#AAB79E): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#BB98B1): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#614D50): A full-bodied, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Ash Courtyard color palette (#F6F3FF, #E2D6DE, #DFB9CC, #8F8BAF, #50495A)
• Wandering Jade color palette (#FFF1F3, #CB97C5, #6DAC80, #4F80A2, #4A373A)
• Honey Courtyard color palette (#FFF1F0, #EED7C0, #EABF81, #9D78A5, #583B33)
• Washed Archive color palette (#F9F5EA, #CFCCAE, #A59D68, #966B2E, #474D00)
• Ember Summit color palette (#F7D5DA, #CB8EA4, #D65700, #543B9F, #200015)
• Worn Taupe color palette (#FBF3F2, #F6BFD3, #A79E44, #BA738F, #302E27)
• Mulberry Courtyard color palette (#FAE1D5, #E1A66B, #929B00, #A12767, #2A0B00)
• Worn Quarry color palette (#C2FFC7, #BBEEFF, #E693E7, #62494D, #3C3032)

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