Tempered Pier color palette — #F7F6E8 · #BBEDD5 · #85A983 · #A1663C · #393932

Built around Ochre, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Mint (#BBEDD5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#85A983): A luminous, dusty green — the color of a quiet forest floor.
• Ochre (#A1663C): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#393932): quiet, heavy and certain.

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

• Wandering Studio color palette (#FBF5E4, #D6E18F, #829E46, #8B6035, #302E28)
• Bronze Veranda color palette (#F4F7ED, #B5E5E1, #A2B696, #A77D3F, #374F0C)
• Teal Bloom color palette (#F2F8E9, #BBEAD3, #61AEA3, #5A7F73, #303D26)
• Washed Workshop color palette (#E9FAF4, #9EB991, #48834C, #6C505F, #294944)
• Apricot Terrace color palette (#FFF2EE, #FFD3C1, #E59263, #A26338, #49443E)
• Worn Chapel color palette (#FFF3E8, #F2A867, #9AB575, #C17895, #3C250D)
• Basalt Alley color palette (#F9F5E8, #D7D8AE, #7EBC9B, #9D85AB, #464500)
• Hushed Amber Delta color palette (#FFF3E6, #E3DDBB, #CD9555, #825218, #2E1900)

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