Sapphire Ridge color palette — #E8F0FF · #739800 · #2672FD · #020E2D · #040104

A conversation between Sapphire and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Frost (#E8F0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Olive Leaf (#739800): A luminous, balanced green — the color of fresh herbs.
• Sapphire (#2672FD): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#020E2D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#040104): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Aged Moss Station color palette (#D3EAF8, #978C00, #0088B9, #000F18, #000201)
• Wandering Cobalt Parlor color palette (#F2E2D4, #00AE90, #006EB6, #001327, #000302)
• Byzantium Cabin color palette (#E7DEFB, #009164, #8D06F8, #0E0021, #050102)
• Raspberry Drift color palette (#D7E5F4, #009E95, #E20073, #21000B, #060000)
• Byzantium Study color palette (#D8EBD2, #079DEF, #9900D6, #1D042A, #060002)
• Ancient Loft color palette (#CDECEE, #A59900, #DB00D0, #120407, #020007)
• Muted Garnet color palette (#F2E1DC, #C9AF98, #A0947A, #8E2A33, #1E100B)
• Aged Emerald color palette (#FEDCE1, #2F9D01, #5D0063, #1F0021, #060001)

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