Sapphire Pier color palette — #DFF2D4 · #857E00 · #175CF7 · #0D0422 · #000108

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

The five colors

• Honeydew (#DFF2D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#857E00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Blue (#175CF7): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#0D0422): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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 Grape color palette (#DAEEDB, #7C8100, #641EEE, #180020, #01010C)
• Linen Balcony color palette (#FBDFCE, #00AC74, #044DE4, #180919, #030003)
• Antique Meadow color palette (#D7E4CF, #947700, #007A9F, #090E17, #000204)
• Chalky Grape Parlor color palette (#E0ECE1, #00939C, #6700E3, #16021A, #010109)
• Dusty Ultramarine color palette (#DAE6FB, #2F2AD6, #00542B, #003218, #010010)
• Ancient Scarlet Veranda color palette (#EFE8CB, #E40322, #007E88, #070F15, #000203)
• Chalky Field color palette (#DCDFEB, #6E62CB, #752A00, #390097, #060003)
• Byzantium Ridge color palette (#E3F0D7, #00BFA7, #9C3CE8, #241334, #05050F)

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