Tempered Pier color palette — #F4F6EE · #D4E0F8 · #88C5F3 · #5BA4BA · #553E59

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Frost (#D4E0F8): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#88C5F3): A luminous, balanced blue — the color of open sky before noon.
• Cyan (#5BA4BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#553E59): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Timeworn Powder color palette (#F4F6EE, #BBECE9, #83C8E9, #68A3AD, #2F4F45)
• Timeworn Boulevard color palette (#FBF4EE, #C2F1DD, #7CA8DE, #2C8A8B, #573F50)
• Hushed Periwinkle color palette (#ECF1E2, #A7DAFF, #67AAE8, #158BB0, #132E51)
• Patina Turquoise Workshop color palette (#E9ECD9, #2BB2CF, #0080A3, #005C63, #000B13)
• Hushed Grove color palette (#E9EFDF, #76B7EC, #3985D6, #00678B, #000F3A)
• Hushed Cypress color palette (#F8F0EB, #C6E4D7, #728EBE, #006D64, #2C254B)
• Turquoise Basin color palette (#F6F7E0, #6FF1F1, #00C1CE, #009989, #003A43)
• Gentle Quarry color palette (#F9F7D5, #A1D057, #2FCCCA, #D4965F, #393831)

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