Tempered Pier color palette — #F0F7F1 · #BCDFF0 · #9CB88E · #7D859B · #394B43

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#BCDFF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sage (#9CB88E): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#7D859B): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#394B43): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Taupe Parlor color palette (#EDF9ED, #EDE8B5, #8CA96C, #6D7590, #263F32)
• Softworn Glacier color palette (#F9F3F7, #D2D5E5, #81DBF2, #6C9F81, #395062)
• Ancient Fern color palette (#F7F5ED, #E3E0BB, #B7B991, #8EA08D, #554F00)
• Patina Corridor color palette (#F6F3FF, #FED6FD, #C0D787, #B886B8, #2A4E44)
• Ancient Bloom color palette (#F5F4FF, #E6D7DF, #C4B7DC, #AFB6AC, #544E5C)
• Patina Study color palette (#F4F4FF, #DDBCFA, #ADC76A, #65B2A8, #363647)
• Dusty Chapel color palette (#FAF5E8, #C6C1A8, #85863E, #506D63, #594D00)
• Driftwood Corridor color palette (#F7F0EA, #CEC2A7, #88873F, #725A5F, #33312A)

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