Tempered Pier color palette — #F8F3F8 · #D2D6EA · #92D2E8 · #89AD8B · #435467

Built around Sky, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D2D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#92D2E8): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#89AD8B): A luminous, dusty green — the color of fresh herbs.
• Peacock (#435467): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Turquoise Balcony color palette (#F8F5EF, #C8EBE1, #74BFCB, #59947F, #43584D)
• Hushed Stone Delta color palette (#EDF8F2, #B5E5DA, #BEB881, #AD8592, #364D4D)
• Powder Workshop color palette (#F3F4FF, #E9D8E0, #ADD0D4, #B9B0DC, #514A5C)
• Mint Canyon color palette (#F3F4FF, #CFBAFA, #69D5AE, #64B6BF, #3E4154)
• Powdered Jade Pier color palette (#FCF1F9, #B4F0FF, #6BBEFF, #00AA81, #333C66)
• Ash Chapel color palette (#F8F0EC, #C9E4DC, #68A7B7, #49775C, #1F3D33)
• Cobalt Alley color palette (#EFE0EB, #5BC1D2, #008CCB, #00704C, #030941)
• Patina Quarry color palette (#E0EDFF, #D6D0FF, #CE9CEE, #B181AA, #57465F)

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