Tempered Pier color palette — #EDF4EF · #B0CAC0 · #598E88 · #5B5F7B · #22362F

A conversation between Storm Blue and Graphite, giving this palette its sense of sophistication and grounding.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Stone (#B0CAC0): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#598E88): A luminous, dusty teal — the color of sea glass.
• Graphite (#5B5F7B): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#22362F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Pine Veranda color palette (#ECF4EE, #92BEAF, #548256, #71455B, #0F2E25)
• Cypress Alley color palette (#F6F0F4, #D2DCED, #7EA1BC, #147C6C, #27374C)
• Aged Fern color palette (#F9F4EC, #D8D2B5, #81A77D, #917480, #5A4D00)
• Tempered Workshop color palette (#D5E9E2, #6C9A76, #006453, #542151, #001806)
• Cobalt Villa color palette (#FFECF3, #C39065, #419E9A, #2F7EBB, #342029)
• Timeworn Driftwood color palette (#FAEEF6, #B8EAD6, #E7D4D1, #A97985, #4B393F)
• Rust Canyon color palette (#F9EEF5, #DBA492, #5BA9BC, #B1502F, #0B3647)
• Tempered Villa color palette (#D6E7D7, #7C7C43, #275000, #4B033D, #080800)

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