Sapphire Study color palette — #F8D8E9 · #1C6FFA · #367300 · #00110A · #020200

Sapphire and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8D8E9): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#1C6FFA): A full-bodied, vivid violet — the color of wild irises.
• Olive (#367300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00110A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020200): a grounded near-black with real depth.

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

Use it as a design system

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

• Softworn Cobalt color palette (#FBDDEE, #0080C9, #697800, #041206, #020200)
• Washed Courtyard color palette (#F3D9D5, #9D2DFC, #008075, #040F12, #000200)
• Lilac Studio color palette (#FFDCD0, #9A7FFF, #00A38F, #00211C, #010600)
• Soft Magenta Ridge color palette (#EFDFE5, #C335E2, #366100, #03100A, #020200)
• Muted Aubergine Basin color palette (#ECF1DD, #00642B, #4F2395, #500026, #000300)
• Quiet Corridor color palette (#FAD3D5, #7DA9FF, #00AC6B, #002F1A, #0F1306)
• Patina Delta color palette (#D8E9E2, #008782, #00505A, #002531, #000308)
• Ancient Lagoon color palette (#E6EBE3, #9AAA9B, #738E7E, #005145, #050B03)

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