Tempered Harbor color palette — #F9EFF1 · #C5C6A1 · #6F5581 · #472530 · #1D0F14

Built around Graphite, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Cream (#F9EFF1): bright and airy, almost weightless.
• Pistachio (#C5C6A1): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#6F5581): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#472530): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#1D0F14): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Ancient Pier color palette (#FDEEEA, #C0B389, #803E40, #431719, #170804)
• Driftwood Garden color palette (#F4F4FE, #C2DAB2, #8D6FA4, #4A4966, #2A2A34)
• Violet Workshop color palette (#F7EFF1, #E3B5BF, #A17B41, #9454A1, #1E1406)
• Muted Mulberry Thicket color palette (#FFEDEE, #99B45A, #791F70, #3B0037, #150104)
• Softworn Archive color palette (#F8F0EF, #DAD6D1, #AEB1A5, #A17388, #3C3433)
• Denim Canyon color palette (#F8F1E2, #CB99BB, #9B6B5D, #005B74, #3E2420)
• Cypress Orchard color palette (#FDEEEF, #B581AA, #8C8546, #006E62, #311B1E)
• Chestnut Grove color palette (#FFECEF, #E2B0C1, #B27171, #843E01, #422900)

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