Sapphire Pier color palette — #FFF4DC · #BBA225 · #2861ED · #6C5B00 · #1E376F

Built around Royal Blue, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#BBA225): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#2861ED): A full-bodied, vivid violet — the color of wild irises.
• Olive (#6C5B00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#1E376F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Powdered Chapel color palette (#F1EFDE, #839843, #6967D9, #4D5F00, #2F3157)
• Byzantium Bloom color palette (#FFF5D8, #B2A625, #913AD3, #665E00, #482865)
• Timeworn Amber color palette (#FFF3E7, #D17C00, #0089BC, #854D00, #00405A)
• Feathered Lilac Lantern color palette (#F5F7E8, #78B073, #A676D9, #1B7217, #4B3860)
• Weathered Sapphire Pier color palette (#FFE8C3, #A07900, #0067EF, #8039A4, #3F2D00)
• Misty Byzantium Field color palette (#F4F9DC, #41C053, #B030EF, #006018, #4D2466)
• Honey Corridor color palette (#DDFFE8, #E9C123, #A4B0FF, #B59400, #2E3173)
• Patina Orchard color palette (#EFF9EA, #79C0AF, #BE81B1, #008671, #644346)

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