Tempered Coast color palette — #ECF9EF · #D8CB9A · #AC996F · #677B67 · #3D4C44

Built around Pistachio, softened by Taupe — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Pistachio (#D8CB9A): A whisper-light, dusty green — the color of new leaves after rain.
• Taupe (#AC996F): A luminous, dusty gold — the color of afternoon light on wheat.
• Pewter (#677B67): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#3D4C44): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Oat Summit color palette (#FFF1F5, #E3C69C, #B98D9C, #886B77, #3D4C40)
• Driftwood Harbor color palette (#EBFAED, #A1C1AE, #668B6E, #72545E, #384D45)
• Aged Workshop color palette (#ECF9EF, #C3E2E3, #98B89E, #9E6D52, #2E4441)
• Antique Station color palette (#ECF8F9, #C9DA9C, #468C81, #355358, #1F2E31)
• Softworn Moss Coast color palette (#D5F8E7, #AFBF58, #8E8B0B, #6C6125, #2E3B12)
• Worn Boulevard color palette (#FEDDEB, #D1A576, #AD703B, #7C4E35, #243525)
• Timeworn Amber Archive color palette (#DCEDDA, #B68100, #855400, #5C3100, #1E1500)
• Washed Turquoise Orchard color palette (#EAF8FF, #32BED7, #9D92CA, #52867B, #2E4048)

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