Sapphire Pier color palette — #E7FBEE · #CFAE08 · #2870FC · #912300 · #420A00

Sapphire and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Gold (#CFAE08): A luminous, balanced green — the color of a quiet forest floor.
• Sapphire (#2870FC): A full-bodied, vivid violet — the color of a velvet chair.
• Burnt Sienna (#912300): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#420A00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Sunlit Canyon color palette (#EBFAEA, #EA9E07, #0083CA, #980B27, #46000B)
• Misty Lime Parlor color palette (#E8FAF4, #95B72B, #6B62CE, #753500, #301100)
• Antique Lapis Basin color palette (#E7FBF1, #9A9A06, #573BDC, #612100, #1C0500)
• Airy Meadow color palette (#E7FAF7, #8ACF82, #A072C5, #7B5300, #3C2600)
• Gentle Orchid Pier color palette (#DFFDF6, #6FCC07, #B43AD0, #9A0703, #460100)
• Mulberry Market color palette (#FFF0F8, #FF8A42, #008DA7, #8B1566, #40002D)
• Dusty Clover Field color palette (#F2F9E0, #00DA70, #00A2EE, #A0549E, #4C2400)
• Timeworn Bloom color palette (#DDFDF9, #31D245, #AF37DC, #694B00, #2E1E00)

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