Tempered Pier color palette — #F7EAF1 · #8FB7D1 · #3C68A6 · #005147 · #2B235B
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Ash (#8FB7D1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3C68A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2B235B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, 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
- Timeworn Orchard color palette (#FAF3F6, #AEC9E0, #5B73BF, #00605E, #3E3357)
- Washed Petrol Ridge color palette (#EDE8E0, #80BDD9, #0071B0, #004A50, #011436)
- Hushed Spruce Coast color palette (#F3EAF5, #6AACA9, #006177, #01420B, #00203D)
- Forest Quarry color palette (#F9F3F9, #A3D8E8, #008CB4, #006B31, #154073)
- Wandering Meadow color palette (#DAF1FF, #BCCCFF, #C083BB, #006B5B, #263458)
- Dusty Cerulean color palette (#CEF0E4, #0099A4, #006A84, #003A6B, #1D205C)
- Worn Quarry color palette (#FAF3F6, #D9DEEF, #8199C9, #068078, #4B516D)
- Gentle Periwinkle Meadow color palette (#FAEBE1, #96DFFF, #67A6FA, #009381, #2B284C)
Browse the whole catalog at Explore, or see today's palette.