Tempered Pier color palette — #FBF3EF · #C5DEE1 · #A1C6E8 · #739D83 · #39544A

Sky takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#C5DEE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A1C6E8): A luminous, dusty blue — the color of open sky before noon.
• Eucalyptus (#739D83): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#39544A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Parlor color palette (#FAF4EE, #C5DEED, #E1BFDE, #789C7F, #5F4354)
• Patina Cypress color palette (#F9F3F7, #D2E2F2, #61A5B5, #467C5D, #3F5667)
• Washed Fern Loft color palette (#F4F8E2, #C5ECD5, #C3C3D1, #BDB08F, #4C5911)
• Softworn Denim color palette (#F7E9E3, #6CAFB6, #005E79, #002D20, #000104)
• Wandering Stone Basin color palette (#FFF4DD, #E4E9AB, #A1BA7E, #5E8E69, #484B44)
• Misty Ridge color palette (#FFF2EB, #D5D8E9, #3ABBFD, #008A77, #113365)
• Wandering Cobalt Balcony color palette (#FCF4EB, #AAD0F4, #5D75C2, #00505B, #10002E)
• Tempered Balcony color palette (#FFF2EA, #C3F2DB, #5D97CC, #006A66, #0F1945)

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