Tempered Pier color palette — #E7F4FD · #00AADD · #485A6A · #2F3A40 · #1C2327

Built around Cyan, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7F4FD): a clean, paper-quiet neutral.
• Cyan (#00AADD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#485A6A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#2F3A40): a grounded near-black with real depth.
• Onyx (#1C2327): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Iris Veranda color palette (#ECF2FF, #8693EC, #51576E, #333842, #1E2227)
• Antique Powder color palette (#E6F6EE, #79C2E1, #867588, #475A51, #1E231F)
• Muted Cerulean Corridor color palette (#E7F4FC, #3388A8, #313E4C, #202A31, #11151A)
• Wandering Powder Harbor color palette (#F1F5FF, #A1ABF2, #D08CB4, #629DA9, #3B4253)
• Ancient Indigo Cabin color palette (#E2E9F6, #5C70F2, #353E5E, #1B222F, #090E14)
• Aged Garden color palette (#EFF6FF, #A1C6FF, #79C4A0, #6F8DBC, #315455)
• Muted Ash color palette (#E9FAF4, #AEDCD3, #76A6A1, #668485, #3B534E)
• Pale Boulevard color palette (#EBEAF9, #B300E1, #51244E, #26102E, #060612)

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