Tempered Pier color palette — #F1F5FC · #DBD9E3 · #CBBFC2 · #849ECE · #394049

Built around Blue Fog, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Stone (#CBBFC2): a calm mid-gray that lets other colors speak.
• Blue Fog (#849ECE): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#394049): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Tempered Lilac Villa color palette (#F5F4FE, #E0D7E0, #BDB5AC, #AF7AC2, #343247)
• Antique Loft color palette (#E9EEF9, #CACFDE, #9EA4C2, #39458E, #00010F)
• Hushed Petrol color palette (#F9F3F8, #E3D7D9, #D7B8BA, #5D74A0, #4E444D)
• Ancient Lilac Drift color palette (#FFF0FE, #C3C6FF, #9E84BF, #8D4E53, #2B3048)
• Hushed Indigo color palette (#F1F5FF, #DCD7E1, #C2A5A6, #7369E4, #1C233B)
• Hushed Quarry color palette (#E8FAF3, #B6E6ED, #8AA881, #587D87, #203F38)
• Wandering Lilac Lagoon color palette (#F2F5FF, #9990EB, #42445C, #1A1E2C, #03050C)
• Pewter Delta color palette (#F6F4FC, #E2D7DF, #D6BACB, #9B5B99, #1F1C29)

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