Tempered Pier color palette — #E3DFFA · #009599 · #966800 · #101005 · #040200

A conversation between Ochre and Cerulean, giving this palette its sense of optimism and sophistication.

The five colors

• Frost (#E3DFFA): A whisper-light, dusty violet — the color of a velvet chair.
• Cerulean (#009599): A luminous, balanced teal — the color of shallow lagoons.
• Ochre (#966800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#101005): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Timeworn Loft color palette (#E1EAFF, #009B6B, #B74D00, #160B00, #040100)
• Cobalt Villa color palette (#F5E8F1, #007EAF, #676900, #091008, #020200)
• Patina Orchard color palette (#F7E5FF, #00A398, #B07A00, #322000, #000300)
• Antique Olive color palette (#EEECDD, #A9AB98, #738947, #323D00, #181401)
• Hazy Cornflower Cabin color palette (#FADEE6, #2094FC, #009052, #001816, #030500)
• Worn Bronze Canyon color palette (#F4EDDF, #786800, #003D30, #2E2700, #000202)
• Airy Alley color palette (#F7DEFB, #00C1CB, #BB9300, #292F10, #221500)
• Olive Garden color palette (#EFF1DE, #487800, #004D1B, #001F15, #000A0E)

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