Sapphire Coast color palette — #EBE7DA · #00C275 · #196CE9 · #000E27 · #000209

Royal Blue takes the lead with Clover close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EBE7DA): a clean, paper-quiet neutral.
• Clover (#00C275): A luminous, vivid teal — the color of sea glass.
• Royal Blue (#196CE9): A full-bodied, vivid blue — the color of deep harbor water.
• Ink (#000E27): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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

• Violet Study color palette (#C4ECE9, #00B075, #8A62FF, #100729, #02030C)
• Sapphire Orchard color palette (#F1E9C7, #00B6D9, #3767EA, #03122D, #01050E)
• Wandering Hollow color palette (#EAEADC, #53D84B, #6B81E9, #1B2352, #1E0E1A)
• Weathered Amber color palette (#E1F0D6, #B19200, #0095B7, #00131E, #000305)
• Softworn Byzantium color palette (#DCEBD2, #00B8CD, #9631EA, #160528, #03020D)
• Grape Parlor color palette (#E0ECDF, #0089A8, #5100D0, #14041A, #00000B)
• Antique Byzantium Bloom color palette (#D6F2E1, #858500, #8F10FE, #0D0021, #010107)
• Tempered Lantern color palette (#EBF0FF, #699D5E, #39247B, #130535, #01000D)

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