Sapphire Pier color palette — #DCF7F5 · #00B769 · #4059FF · #007C45 · #00010B

Royal Blue and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DCF7F5): A whisper-light, dusty teal — the color of sea glass.
• Clover (#00B769): A luminous, vivid teal — the color of shallow lagoons.
• Royal Blue (#4059FF): A full-bodied, vivid violet — the color of a velvet chair.
• Pine (#007C45): A full-bodied, balanced teal — the color of glacier melt.
• Black (#00010B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, 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

• Pale Lapis color palette (#DEEFF4, #00B0AB, #5652FF, #007773, #01000F)
• Gentle Clover Parlor color palette (#D8F0EC, #3DB72C, #007CAF, #1C7C0C, #000205)
• Dusty Grape Veranda color palette (#C6EAE9, #279E63, #7300BD, #693500, #000201)
• Hazy Byzantium color palette (#D0E7F0, #00AEBD, #9B0CF5, #00757F, #02000D)
• Timeworn Iris Quarry color palette (#E2F6F8, #00E3B3, #7B90FF, #00A683, #090C31)
• Chalky Garden color palette (#F0D7E3, #009E90, #006EA8, #713400, #000E10)
• Sunlit Basin color palette (#D7E4DE, #A2A000, #00809B, #6D6B00, #000203)
• Chalky Bloom color palette (#CFE6F1, #00D396, #00B1D0, #4B71FF, #000F17)

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