Sapphire Coast color palette — #D3F8E5 · #ADA423 · #2F62DC · #554F00 · #000227

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

The five colors

• Honeydew (#D3F8E5): A whisper-light, dusty teal — the color of sea glass.
• Gold (#ADA423): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#2F62DC): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#554F00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000227): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged cool.

Use it as a design system

One click turns Sapphire Coast 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

• Ancient Amethyst color palette (#D8F6E9, #A3A822, #784BD0, #4F5200, #0B0020)
• Soft Summit color palette (#FFE7EE, #D98D22, #365FDE, #6D4200, #01002A)
• Pale Amber color palette (#DCF7DA, #C68100, #0085B5, #6B4400, #000910)
• Indigo Market color palette (#FAEED7, #CCAE2D, #4D70E9, #856F00, #08114A)
• Ultramarine Ridge color palette (#D5E6DB, #7F6900, #383FCA, #413500, #030029)
• Byzantium Study color palette (#CDF9F3, #5AB85B, #A546B3, #06550F, #120015)
• Misty Lagoon color palette (#BFECE0, #5D8A00, #006BC3, #0046C3, #010200)
• Hazy Meadow color palette (#D9FFF2, #B3D02D, #C644EE, #627400, #330041)

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