Tempered Pier color palette — #F5F6EF · #C3E7CC · #0E9AB5 · #007171 · #2A513F

A conversation between Cerulean and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Celadon Mist (#C3E7CC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0E9AB5): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007171): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2A513F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Worn Cobalt color palette (#F4F6EF, #BFE7D8, #4990CB, #1B6C85, #553E57)
• Cobalt Boulevard color palette (#F4F6EC, #A4D1BA, #0082B3, #005E6B, #144438)
• Patina Cerulean color palette (#EAEDDC, #4A9CB3, #00516B, #002F34, #001623)
• Softworn Canyon color palette (#EEF0E4, #73BED0, #007390, #004F53, #003346)
• Turquoise Studio color palette (#FAF2F8, #C0EDFF, #61B0D4, #4A8875, #37495D)
• Hazy Mulberry color palette (#FFF1F2, #C488BB, #1295C9, #924289, #18485F)
• Shell Canyon color palette (#FFF1F1, #E2D7D0, #F8B2B1, #9A6F90, #5D4745)
• Softworn Bronze Boulevard color palette (#FFF2F0, #BE6A89, #B16600, #695E9A, #4D2F2C)

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