Tempered Pier color palette — #FCF3EE · #C3EAE7 · #91C3F2 · #26B08F · #5A3D51

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Honeydew (#C3EAE7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#91C3F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#26B08F): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#5A3D51): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Hazy Jade color palette (#FFF2EC, #B4F0FE, #68BFFF, #00AA7E, #2E3B6F)
• Taupe Harbor color palette (#FBF3F1, #C2E0E4, #A2C5EB, #83B081, #30524A)
• Patina Study color palette (#F1F7F2, #D1DDF1, #76ADCA, #058C89, #2A4B68)
• Pale Field color palette (#E9FAF2, #98D5F5, #FEA193, #00ACE6, #63322B)
• Linen Dune color palette (#E4F0CB, #8BE2D9, #1DC5DE, #008DBF, #344570)
• Misty Cobalt color palette (#D9FFF1, #B9E2FF, #54BBE4, #0087C5, #003349)
• Cerulean Courtyard color palette (#F8EFF5, #ADE7F7, #5C93C0, #266C56, #1E2B46)
• Petrol Veranda color palette (#F0E1DC, #6CADB2, #007FA9, #006135, #00071F)

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