Tempered Forest Pier color palette — #EAF0E9 · #C2D0C7 · #88A99F · #00625C · #293028

Built around Pine, softened by Taupe — the whole palette hums with sophistication.

The five colors

• Cream (#EAF0E9): a clean, paper-quiet neutral.
• Oat (#C2D0C7): soft and architectural.
• Taupe (#88A99F): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#00625C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#293028): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Forest 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

• Cypress Chapel color palette (#E1EBEE, #BAD0D8, #91A8B4, #006262, #07191D)
• Washed Denim color palette (#E9F0ED, #D4C8D2, #BA94A7, #005C81, #25312C)
• Timeworn Cypress color palette (#E8F2E8, #C9DECE, #A3BFAE, #228181, #253226)
• Denim Market color palette (#DFEAD4, #64A6B3, #42609B, #644200, #36342D)
• Aged Forest color palette (#EBE4D7, #889444, #1E651C, #004844, #302903)
• Weathered Station color palette (#DEEDE6, #B1A4B1, #7D79A2, #003D54, #021910)
• Cerulean Basin color palette (#F8F3F9, #E3D7D8, #B2AEA2, #6884A6, #565057)
• Tempered Sapphire color palette (#FAF2F8, #ECD4D1, #D5B2B5, #535EBF, #473C44)

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