Tempered Pier color palette — #A8EEFA · #6FC8E7 · #3D9CD5 · #3B75AD · #364869

Cerulean takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#A8EEFA): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#6FC8E7): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#3D9CD5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3B75AD): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#364869): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged 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

• Airy Cerulean color palette (#B5FBF6, #69D3DE, #009FBA, #0C7CA2, #215447)
• Frosted Sky Quarry color palette (#B8F6EE, #5BDFF4, #33B4FC, #5381C5, #444267)
• Feathered Denim color palette (#D2EEC8, #5DBBD1, #2486BD, #00539C, #403D64)
• Dusty Denim color palette (#FFEFFF, #B0CEFF, #6490CD, #36609A, #1B3055)
• Soft Iris color palette (#D7E8FF, #A7BDFF, #8583D4, #6F5999, #554164)
• Dusty Orchard color palette (#D9FFF2, #AACEFE, #90A1DB, #6E73A4, #6C4A59)
• Cobalt Grove color palette (#E5FBF4, #7EBFF2, #D39753, #2A87C6, #5C3A0D)
• Worn Station color palette (#E6FBF4, #E8D6D1, #D6C5EF, #6199AE, #5B4857)

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