Tempered Pier color palette — #E2EDE7 · #A3B3B5 · #78A2AF · #7A7500 · #00190F

Built around Olive Leaf, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#E2EDE7): a clean, paper-quiet neutral.
• Ash (#A3B3B5): a calm mid-gray that lets other colors speak.
• Blue Fog (#78A2AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive Leaf (#7A7500): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00190F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, 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

• Aged Pine color palette (#D7E4E3, #A2B3BD, #8699AC, #00884C, #001818)
• Ancient Fern color palette (#DAE7DF, #A4BAB5, #6F9FA4, #5F5300, #02190E)
• Softworn Bronze Delta color palette (#F1E4E9, #A4BAB4, #7AA6A3, #A75B00, #1E0E15)
• Timeworn Olive color palette (#EBE8DE, #A3A187, #79833D, #3B3800, #060400)
• Olive Boulevard color palette (#D1E6D6, #9B9C60, #5A7E00, #6A5200, #111000)
• Muted Ridge color palette (#E8F0F0, #CAD4DD, #AABCD0, #00AD76, #1B3233)
• Aubergine Lantern color palette (#E2EAC7, #6D9E77, #00867D, #69468B, #310025)
• Antique Alley color palette (#D4F4EB, #D1B100, #8FB400, #00A37E, #000F01)

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