Tempered Pier color palette — #DDF3ED · #698F22 · #6E2B8C · #66144B · #081000

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

The five colors

• Honeydew (#DDF3ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#698F22): A luminous, balanced green — the color of fresh herbs.
• Plum (#6E2B8C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#66144B): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#081000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Pale Balcony color palette (#D1F9EE, #517F1B, #6B006E, #5A0035, #0E0200)
• Wandering Mulberry Balcony color palette (#E2F4F1, #419722, #8C0566, #740021, #00110E)
• Aged Grape color palette (#DAEAE1, #7C7000, #8037AB, #5A227B, #001208)
• Aubergine Studio color palette (#D4EAEB, #008A64, #6330A2, #62002C, #230900)
• Gentle Parlor color palette (#F1F0D7, #669220, #3C3AB5, #66004B, #010100)
• Pale Meadow color palette (#F9D8CB, #00995A, #006374, #690633, #001B16)
• Airy Aubergine Canyon color palette (#D6EDEA, #287421, #3D1478, #37003A, #011201)
• Antique Plum color palette (#BEF0F0, #2DB27D, #B10086, #922170, #002717)

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