Sapphire Pier color palette — #FFF4E0 · #C49E25 · #3C5FE8 · #715900 · #24366D

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

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C49E25): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#3C5FE8): A full-bodied, vivid violet — the color of wild irises.
• Olive (#715900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#24366D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Antique Moss color palette (#F4EFD9, #8D9600, #756BBE, #565C00, #342E59)
• Soft Amber color palette (#FFF3E7, #D37B00, #008AB8, #864C00, #004058)
• Tempered Lapis Lantern color palette (#EDDCBB, #997B00, #6B50C7, #594700, #291D53)
• Dusty Moss color palette (#F9F7DE, #8DAD50, #AA70B4, #586F2B, #5C353E)
• Patina Clover Pier color palette (#F4FACF, #3BC236, #A157CD, #0E5F0D, #492B5C)
• Airy Amber color palette (#D8FDE3, #B99300, #00968F, #705800, #002724)
• Powdered Mustard color palette (#FFF4DE, #CDAB00, #00B2AD, #8D7500, #004442)
• Tempered Navy Delta color palette (#E4FDEA, #E9BF57, #9EB2FF, #BB9000, #252D84)

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