Tempered Pier color palette — #EEF4EA · #24907D · #2F4233 · #232B1F · #111713

A conversation between Fern and Forest, giving this palette its sense of sophistication.

The five colors

• Cream (#EEF4EA): a clean, paper-quiet neutral.
• Fern (#24907D): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#2F4233): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#232B1F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#111713): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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 Cabin color palette (#F3F3E3, #648B36, #364300, #2A291D, #141611)
• Cerulean Field color palette (#E8F5EF, #1189AE, #473549, #1F2C26, #111716)
• Ancient Chapel color palette (#E4F6F8, #00B598, #475B67, #2E3B3C, #1C2322)
• Mint Chapel color palette (#E5F5F8, #72CAB8, #698086, #49585A, #1C2324)
• Charred Petrol color palette (#D4EDDF, #006E88, #022844, #00190D, #000605)
• Lowlit Drift color palette (#D3E4D8, #00606D, #3C4049, #001D2D, #000D04)
• Washed Peony Coast color palette (#E9FAF0, #3FA6C3, #BC68A2, #81773C, #36473D)
• Dusty Coral color palette (#EEF8F1, #6BBED0, #D47D6D, #008194, #534B48)

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