Tempered Pier color palette — #D8EDE8 · #00798E · #2E396F · #2C1A00 · #180C00

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D8EDE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#00798E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2E396F): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#2C1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#180C00): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Loft color palette (#D0EADD, #1D8495, #524E79, #422704, #211100)
• Cypress Canyon color palette (#D5E8C8, #007662, #003E57, #380B17, #180900)
• Aubergine Lantern color palette (#DEF0FA, #516196, #56265B, #231E00, #060E01)
• Washed Navy Corridor color palette (#F5E7DA, #5086B2, #152E90, #002226, #0A0125)
• Garnet Quarry color palette (#CDEFEF, #568EAD, #53669B, #753134, #1D0B00)
• Inked Dune color palette (#ECDEEE, #005293, #5B3300, #002141, #0C0400)
• Softworn Alley color palette (#D8E9EF, #5B87CB, #64486B, #3A4000, #2E2801)
• Obsidian Navy Coast color palette (#DEEAFA, #003F79, #4B2B00, #202200, #000206)

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