Tempered Pier color palette — #E1E9E6 · #C0B4C1 · #838CB4 · #004A6A · #0F241D

A conversation between Navy and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E1E9E6): bright and airy, almost weightless.
• Ash (#C0B4C1): A luminous, dusty pink — the color of peonies in June.
• Slate Blue (#838CB4): A luminous, dusty violet — the color of wild irises.
• Navy (#004A6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#0F241D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Aged Abyss color palette (#DFE5E0, #A9BFB3, #70988C, #004E54, #18221A)
• Wandering Abyss color palette (#DFE8E4, #BDADBB, #A1848F, #004B62, #000F07)
• Dusty Navy Canyon color palette (#EEE3EB, #C5B3BC, #A9818F, #243C8B, #281A26)
• Washed Petrol Hollow color palette (#E6EEF3, #B6C5DC, #9FA2C0, #006B89, #162127)
• Washed Aubergine color palette (#F6EBEE, #DCC6C8, #C09491, #693F81, #3B272D)
• Dusty Field color palette (#FDF1FB, #E6C9D8, #B49ACC, #3752AC, #412A3D)
• Petrol Market color palette (#EFF7F5, #E0D4D1, #D0B6B7, #4A79A1, #414A47)
• Dusty Boulevard color palette (#EBE1E6, #AB929A, #8D6469, #300670, #12050C)

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