Tempered Pier color palette — #EDE7B5 · #0087BB · #5A2DB0 · #403900 · #062851

Plum and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#EDE7B5): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0087BB): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#5A2DB0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#403900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#062851): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro.

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

• Aubergine Chapel color palette (#E2EBB5, #007BE9, #76199F, #373D00, #1F2351)
• Quiet Bloom color palette (#F0EED9, #008EAA, #5E27B2, #373200, #001326)
• Washed Ultramarine color palette (#FFDDC5, #008D9C, #1F40BD, #572B00, #002D3F)
• Soft Indigo color palette (#E4ECA9, #00ACBF, #6857D1, #4D5200, #002D43)
• Frosted Sapphire color palette (#FFF3E8, #64C1FF, #2F67D1, #00555B, #2E2A5F)
• Hazy Study color palette (#DFE2BC, #5F5DF2, #7A226B, #003F12, #391627)
• Airy Garnet color palette (#D4EBFF, #0074B5, #90002A, #393300, #02260E)
• Antique Amber Balcony color palette (#FAE8D5, #AB9000, #506300, #2D3D7C, #372D00)

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