Sapphire Pier color palette — #FDEBD5 · #CC8F27 · #4E5CC9 · #754D00 · #2A3259

Royal Blue takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FDEBD5): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#CC8F27): A luminous, balanced gold — the color of old brass.
• Royal Blue (#4E5CC9): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#754D00): A full-bodied, balanced gold — the color of old brass.
• Navy (#2A3259): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Tempered Marigold color palette (#DDEEE0, #C79824, #5266B9, #6D5000, #10173F)
• Indigo Quarry color palette (#FCEBE0, #C97353, #5D6ED3, #933300, #29315C)
• Grape Field color palette (#F3EFDA, #9AA63B, #7552B6, #555D00, #392C56)
• Dusty Mustard color palette (#FBECD6, #E6AF2B, #647ED9, #906B00, #26325C)
• Iris Dune color palette (#F9F5E8, #A8A352, #847BD7, #6E6800, #57374A)
• Amber Coast color palette (#FFEADC, #CF713C, #008992, #8B3B00, #003E42)
• Weathered Indigo Studio color palette (#F3E2C9, #9D7100, #605BC5, #6F398C, #39280B)
• Pale Ultramarine color palette (#F2EDDC, #6F7300, #0056AF, #3A3D00, #00193C)

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