Tempered Pier color palette — #FDF2F5 · #D8DEF5 · #A8BCF0 · #65A5A3 · #424560

A conversation between Sky and Blue Fog, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Frost (#D8DEF5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A8BCF0): A luminous, dusty violet — the color of twilight just after sunset.
• Blue Fog (#65A5A3): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#424560): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Thicket color palette (#FBF2FA, #AFEDEF, #6CBEDF, #619B6F, #233B5B)
• Aged Periwinkle Studio color palette (#FAF4EB, #CDE9FF, #7EA7DF, #448596, #573F51)
• Stone Courtyard color palette (#E1FBFF, #D4DCEA, #8DC8B3, #B1ACA2, #354F57)
• Mallow Chapel color palette (#E5F9FF, #5EE4E0, #FD9BBD, #3BB3B0, #4E3957)
• Periwinkle Dune color palette (#FAEAEE, #AED8FF, #8E9EEE, #009095, #36224D)
• Cobalt Parlor color palette (#FAEBF3, #5DACCA, #1474D1, #005F50, #080128)
• Iris Veranda color palette (#F6F1EC, #C9E3DA, #708CC7, #006B75, #401F33)
• Aged Sand color palette (#FFF0F9, #F4C797, #D29E8D, #957F9B, #314238)

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