Sapphire Pier color palette — #EADDBE · #BDAB28 · #3C6DE0 · #706400 · #0A225F
A conversation between Sapphire and Gold, giving this palette its sense of nature and growth.
The five colors
- Bone (#EADDBE): A whisper-light, dusty gold — the color of old brass.
- Gold (#BDAB28): A luminous, balanced green — the color of fresh herbs.
- Sapphire (#3C6DE0): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#706400): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#0A225F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Frosted Orchard color palette (#EADCCA, #C38C38, #3F87E0, #865900, #002756)
- Quiet Cornflower color palette (#DDFFE8, #D8B627, #637BE1, #766100, #0B1042)
- Violet Workshop color palette (#E4DECA, #A19D35, #906AE4, #6A6700, #2F1758)
- Powdered Iris Station color palette (#F3EFDD, #A4B157, #768FEA, #6F7A00, #263160)
- Gentle Mustard color palette (#EBDCBF, #E5BF30, #6B86EA, #9C7F00, #192354)
- Misty Orchard color palette (#EDEAD0, #86A525, #633FD9, #485B00, #1C0051)
- Feathered Lapis Cabin color palette (#D1E4D7, #987C00, #4F55DA, #584700, #1D2059)
- Sapphire Corridor color palette (#E7E6CD, #6A9700, #007DD5, #005EDE, #172400)
Browse the whole catalog at Explore, or see today's palette.