Tempered Pier color palette — #B4F2F5 · #00979D · #D00041 · #005A5E · #5B0018

Crimson and Mulberry set the tone — five colors that lean into calm and energy.

The five colors

• Sea Foam (#B4F2F5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00979D): A luminous, balanced teal — the color of shallow lagoons.
• Crimson (#D00041): A full-bodied, vivid red — the color of late-summer berries.
• Peacock (#005A5E): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#5B0018): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Calm, Energy, Balance. Tagged vibrant, cool.

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

• Crimson Lantern color palette (#D7E9E9, #00999D, #D20045, #00585A, #310009)
• Feathered Rust color palette (#C9F1D1, #0096A3, #B34D00, #005962, #4E1D00)
• Frosted Rose color palette (#D0EED2, #00B4B9, #FB2263, #00787B, #5B001D)
• Feathered Boulevard color palette (#D8EDC7, #009B7B, #C00099, #005D48, #540041)
• Plum Lantern color palette (#D3EDF4, #007E95, #BA0043, #823000, #002932)
• Rust Study color palette (#DFFDF0, #29B0EA, #B14F00, #00648A, #602800)
• Powdered Coral Workshop color palette (#C0EEF9, #39E4DE, #E9625C, #009C98, #5C0009)
• Hazy Bronze color palette (#E1F3ED, #4E95C4, #967300, #005D8A, #443300)

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