Tempered Pier color palette — #F2F1E1 · #287C61 · #004044 · #172800 · #00140C

Teal and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F1E1): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#287C61): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004044): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#172800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00140C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Olive Hollow color palette (#F7E6CE, #657235, #004422, #2F1F00, #0D1200)
• Ancient Basin color palette (#EDF0E0, #009A73, #006058, #0D4419, #00140C)
• Weathered Forest Station color palette (#EDE4CF, #76976A, #00644F, #00445E, #16310A)
• Weathered Studio color palette (#DFF1E8, #00797C, #004A5E, #00243C, #070047)
• Dusty Cocoa color palette (#D1F5E5, #00688C, #7E3000, #003145, #200700)
• Airy Jade Drift color palette (#CCEBE3, #00B283, #008086, #465F20, #00140C)
• Linen Fern color palette (#FDE7D5, #A7903C, #466600, #004E4A, #382D00)
• Muted Aubergine color palette (#FBE9DE, #907547, #444900, #3D1B55, #251800)

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