Tempered Sapphire Pier color palette — #E3F8E7 · #73C4FF · #006CE1 · #004F5F · #0C0C4D

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E3F8E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#73C4FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006CE1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#004F5F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#0C0C4D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Weathered Canyon color palette (#E5F8E8, #68CAEC, #007AB1, #005154, #001939)
• Tempered Sapphire Archive color palette (#FFF3E7, #7AC0F3, #3065D7, #00555C, #2F256A)
• Chalky Coast color palette (#D9EADC, #68A1D7, #2651AE, #003746, #07002F)
• Wandering Station color palette (#F2F8E7, #9FD1F9, #3090E7, #006D8F, #002E70)
• Patina Iris Balcony color palette (#FFF1F6, #D9E0F3, #7092FF, #007271, #2B144E)
• Worn Balcony color palette (#EBF5ED, #A9EAEC, #429BAE, #316A5B, #122F41)
• Worn Cerulean color palette (#D5E8D9, #009BAE, #005168, #002C28, #00050B)
• Dusty Pier color palette (#E5EED9, #7DA523, #7F2BCA, #3E5600, #20003B)

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