Tempered Cypress Pier color palette — #F4F6EF · #D4DDDA · #AFC5C6 · #4B8265 · #464940

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D4DDDA): bright and airy, almost weightless.
• Stone (#AFC5C6): A luminous, dusty blue — the color of deep harbor water.
• Fern (#4B8265): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#464940): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Wandering Petrol color palette (#EDF9F0, #F0DAE1, #CCB4C0, #00778B, #36433B)
• Weathered Abyss Field color palette (#E2E9DC, #9BAFA0, #6B867E, #004233, #0E1706)
• Chestnut Archive color palette (#FDF5DC, #B6BFA8, #6B8A7C, #865D1C, #694B00)
• Softworn Orchard color palette (#E8F1EC, #D5C7D3, #B099A2, #005E79, #1E3329)
• Petrol Dune color palette (#FFF2EE, #69A881, #247295, #713B41, #30432A)
• Soft Aqua color palette (#EDF9EB, #CDE899, #39D5C7, #6684C4, #034B51)
• Airy Corridor color palette (#F8F6E4, #7D933E, #5F589E, #673D00, #3B3200)
• Pine Drift color palette (#F5F6EE, #D4DDD9, #B1C4C2, #568153, #47493E)

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