Sapphire Pier color palette — #FFE7EE · #DB8B22 · #006DC7 · #6E4100 · #000717

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

The five colors

• Blush (#FFE7EE): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#DB8B22): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#006DC7): A full-bodied, vivid blue — the color of deep harbor water.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000717): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns 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

• Aged Ember Bloom color palette (#FFE6F3, #E46900, #0085B4, #7C3600, #000910)
• Frosted Garden color palette (#D0FAE1, #B5A022, #634AE8, #594D00, #070024)
• Patina Archive color palette (#D6EBD4, #E89E2C, #0086BB, #9A6300, #001D2D)
• Lapis Dune color palette (#FBEDCC, #9B7900, #394AEF, #4B3900, #00000B)
• Bronze Boulevard color palette (#F1DFCA, #935E00, #005F88, #4C2F00, #000911)
• Rose Studio color palette (#FFE5FD, #FB435A, #008B90, #930025, #000A0A)
• Feathered Aubergine Balcony color palette (#FFDAAB, #A56D00, #007B7A, #762B95, #000200)
• Iris Study color palette (#FFF7C5, #D9C228, #8179EF, #7A6B00, #1C0756)

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