Tempered Pier color palette — #F3F7EE · #8ED6B6 · #00A3A8 · #00976C · #162918

Fern and Cerulean set the tone — five colors that lean into calm and balance.

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Mint Leaf (#8ED6B6): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A3A8): A luminous, balanced teal — the color of glacier melt.
• Fern (#00976C): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#162918): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Calm, Balance. Tagged duotone, cool.

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

• Lagoon Quarry color palette (#F1F7F2, #99E0E1, #67A4C5, #00A0A3, #23322C)
• Patina Moss color palette (#F7F5EE, #BECC8D, #3DA578, #798B00, #202713)
• Teal Lagoon color palette (#EAF8F9, #9DFDD3, #00B4B6, #31A077, #051519)
• Lagoon Market color palette (#F3F6F1, #D3DCD9, #B3C5C1, #4BA190, #434A3F)
• Antique Denim color palette (#F4F8E2, #67C2C5, #3993AD, #65569C, #2A4431)
• Wandering Teal Drift color palette (#EAF6E7, #00C5B6, #00869E, #007A70, #00151B)
• Soft Corridor color palette (#EAF9F6, #AEE8A3, #6CB2FF, #81B078, #182533)
• Pale Cerulean Terrace color palette (#CAFFFB, #89CFD3, #2B9EB3, #00708B, #004763)

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