Tempered Plum color palette — #ECF4F0 · #7BBED9 · #A45A74 · #006F8E · #1D0605

Built around Mocha, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Sky (#7BBED9): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#A45A74): A full-bodied, balanced rose — the color of a warm blush.
• Peacock (#006F8E): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#1D0605): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Washed Pewter Lagoon color palette (#EDF4ED, #6EC4C1, #8B60A4, #007472, #1C060E)
• Dusty Ultramarine color palette (#F7EFF6, #93B4EA, #AB5958, #185DC9, #1A0904)
• Tempered Denim color palette (#EFF7F5, #80B4E2, #7F5AA8, #0064A1, #2E1F25)
• Peony Canyon color palette (#EEF7FC, #7AD2F4, #C16EAA, #008DB3, #27212F)
• Aged Quarry color palette (#F0F4E3, #57A8C6, #735F96, #005622, #2F1931)
• Pale Aubergine color palette (#DFF6FF, #8DADD6, #7A6CBA, #741D7C, #450022)
• Mulberry Station color palette (#D9F5ED, #1A9AF7, #A70054, #004F85, #0C0003)
• Cobalt Chapel color palette (#F5F0F5, #DDD5D4, #C8B8B1, #5474AE, #322931)

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