Tempered Sapphire Pier color palette — #FFF1F7 · #88C0DF · #2A65D8 · #005650 · #342465

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#88C0DF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2A65D8): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#342465): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered Sapphire 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 Petrol color palette (#FFF0FC, #68C8D4, #0077A5, #005936, #142F68)
• Cobalt Alley color palette (#FAF0E2, #8EC3E2, #0075C5, #00505A, #000955)
• Weathered Cornflower color palette (#ECF9EF, #96D4F7, #0E90EF, #00707E, #112C6F)
• Faded Denim color palette (#EFE2E7, #78A5C3, #344FA5, #003E3C, #250E48)
• Navy Loft color palette (#DDF1EB, #00A5B6, #006790, #003E77, #281972)
• Dusty Periwinkle Terrace color palette (#DEECFF, #5A9DFF, #005B9B, #002F5D, #001C3E)
• Tempered Veranda color palette (#D4EAFD, #0076BB, #8F5400, #5B4C00, #002641)
• Fuchsia Basin color palette (#E8F8FF, #C4CDFF, #D372C9, #006B69, #003861)

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