Tempered Pier color palette — #E5F8E4 · #D3E1FA · #ABBDF5 · #70813D · #243629

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

The five colors

• Honeydew (#E5F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Frost (#D3E1FA): A whisper-light, dusty violet — the color of wild irises.
• Sky (#ABBDF5): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#70813D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#243629): A deep, shadowed, dusty teal — the color of sea glass.

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

• Weathered Bronze color palette (#F0F5DA, #BCF2FE, #93D4ED, #8D7A32, #273C00)
• Mallow Lagoon color palette (#D9FBEB, #E2D8E4, #D7BDEF, #49837C, #19352E)
• Chalky Parlor color palette (#D7F7FF, #B0D6FF, #B094F9, #007C72, #001F2D)
• Powder Canyon color palette (#E7F9FF, #D7DBE6, #C8C4F1, #679D90, #3C5460)
• Mallow Dune color palette (#FDEBFF, #E0D2EA, #E8A0E0, #007B93, #331C2F)
• Cobalt Bloom color palette (#E1F8EF, #0090CD, #966D19, #684D1A, #051F17)
• Ancient Quarry color palette (#FEEFE3, #CAA473, #9A674A, #76381D, #2B210C)
• Petrol Loft color palette (#FCE2F9, #D5C0FF, #C484A7, #046B8B, #250F20)

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