Sapphire Pier color palette — #D6E6D0 · #009D90 · #1662DD · #645B00 · #050600
A conversation between Royal Blue and Fern, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D6E6D0): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#009D90): A luminous, balanced teal — the color of sea glass.
- Royal Blue (#1662DD): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#645B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, 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 Lapis color palette (#D1EBD2, #008689, #4647D8, #444B00, #010200)
- Timeworn Emerald Villa color palette (#DFE6CA, #00A45E, #007EAA, #794E00, #070600)
- Linen Violet Loft color palette (#D8F1E1, #0097B8, #8855E6, #1F5A00, #000605)
- Hushed Coast color palette (#D9F5E0, #00B1CB, #8A7DFF, #427000, #001B16)
- Hushed Grape color palette (#DAF6E8, #00728D, #6D2BB0, #004913, #000300)
- Ancient Cerulean Delta color palette (#DAEDE1, #0087A3, #0F4861, #062315, #000301)
- Sapphire Cabin color palette (#DEF7E5, #00A1B7, #326DD3, #68348B, #00170B)
- Peony Market color palette (#FBE2F9, #5C99FF, #C547AE, #007667, #00150C)
Browse the whole catalog at Explore, or see today's palette.