Tempered Pier color palette — #F4F6EF · #CAE5E6 · #8FCFFC · #73ACBC · #32524A

Sky and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CAE5E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8FCFFC): A whisper-light, balanced blue — the color of open sky before noon.
• Blue Fog (#73ACBC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#32524A): A full-bodied, dusty teal — the color of sea glass.

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

• Sky Corridor color palette (#DEFFE8, #8FE2FA, #50BFED, #5A9FC3, #34584D)
• Weathered Parlor color palette (#F4F6F0, #C3DFF3, #BEBBED, #6DABCD, #5F4B5C)
• Powder Field color palette (#E4FBF5, #EDD8D4, #8FC0DB, #A79993, #574D58)
• Soft Aqua Villa color palette (#F6F6E9, #B3F2EF, #00CFD8, #00A891, #004951)
• Worn Workshop color palette (#EAEEE1, #77A6CB, #0076CD, #005975, #00081F)
• Weathered Coast color palette (#E2E5D9, #90C9E1, #009ED8, #007A8C, #002238)
• Patina Ash color palette (#F7F0EB, #C7E5E5, #B090B0, #5C7351, #462D3C)
• Cocoa Station color palette (#FBF4E8, #E4D9BC, #C3B689, #A38F71, #564600)

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