Sapphire Studio color palette — #FFF0FE · #266DEC · #696C00 · #4B4E00 · #172A4C
A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#266DEC): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#696C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#4B4E00): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#172A4C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Sapphire Studio 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
- Indigo Parlor color palette (#FCE8F4, #6263C2, #486E0C, #115304, #351D2D)
- Ultramarine Pier color palette (#EDD6EC, #125CC3, #545800, #004421, #281028)
- Ancient Fern Hollow color palette (#DBFFED, #0082A8, #875E00, #335500, #003041)
- Sunlit Ridge color palette (#FFF1F6, #9B5EF6, #376400, #004F36, #302346)
- Sunlit Violet color palette (#FFF1F6, #9260CC, #775200, #004D2A, #003935)
- Orchid Summit color palette (#FFF1F3, #A367AC, #6B7838, #4D5A00, #462930)
- Washed Iris Coast color palette (#ECFDD0, #807CE7, #963479, #00523E, #3E2B53)
- Tempered Workshop color palette (#DDF7FE, #008E89, #925E00, #504B00, #001817)
Browse the whole catalog at Explore, or see today's palette.