Tempered Pewter color palette — #F3F7E9 · #C09AB6 · #9D6280 · #0C6762 · #593F4A
A conversation between Mocha and Pine, giving this palette its sense of sophistication.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Mauve (#C09AB6): A luminous, dusty pink — the color of peonies in June.
- Mocha (#9D6280): A full-bodied, balanced rose — the color of pressed rose petals.
- Pine (#0C6762): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#593F4A): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Tempered Pewter 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 Abyss color palette (#FCF2F8, #9193BF, #975E63, #00615B, #3D3E62)
- Antique Driftwood Orchard color palette (#E8F6EA, #BF9DCA, #A55F78, #47592D, #2E293A)
- Antique Parlor color palette (#F4F7E9, #79B1C4, #7B6E9F, #366639, #324E47)
- Antique Blush color palette (#FCF4E7, #D1B0DC, #C47792, #63774A, #584143)
- Worn Denim color palette (#FDF4E4, #BA83A9, #945930, #104D90, #56322B)
- Tempered Powder color palette (#E0FCFD, #C9CBFF, #D59BAC, #62969C, #464559)
- Misty Mulberry color palette (#F9F7D7, #8A7ED3, #9F3355, #004E5D, #472552)
- Washed Lagoon color palette (#FBF4ED, #CCC0A3, #728964, #7C5A6D, #614A00)
Browse the whole catalog at Explore, or see today's palette.