Tempered Pier color palette — #F5F1EA · #C4E6E6 · #75A89A · #3A757D · #422E41

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C4E6E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#75A89A): A luminous, dusty teal — the color of glacier melt.
• Teal (#3A757D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#422E41): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Aged Dune color palette (#F5F1EA, #C4E7EC, #B090AC, #387489, #442E3D)
• Weathered Cerulean color palette (#DCFCE0, #7BC0D1, #3A8BAA, #366687, #442E46)
• Ancient Petrol color palette (#E9F5F0, #87BBDA, #C0916A, #2C7AA2, #35302B)
• Timeworn Driftwood color palette (#E5F6F1, #EED3CD, #AEA495, #6D947D, #473747)
• Dusty Workshop color palette (#F1E8DB, #62A7C3, #005E8E, #00393C, #000A1F)
• Petrol Field color palette (#EEE8DE, #77C1C9, #007790, #004C41, #001926)
• Muted Parlor color palette (#E1F8F0, #6BA3CD, #B87889, #717F4D, #112D26)
• Antique Cerulean color palette (#F7F1E7, #94E0DD, #0094A3, #00654B, #002A36)

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