Sapphire Villa color palette — #E8DEC0 · #888215 · #365DD8 · #4F4B00 · #10225D
Built around Royal Blue, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Bone (#E8DEC0): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#888215): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Blue (#365DD8): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#4F4B00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#10225D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Villa 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
- Lapis Bloom color palette (#E3DFC7, #758922, #6F53BB, #425000, #2E155D)
- Sapphire Cabin color palette (#F0DAC4, #B26B13, #2268C2, #6A3C00, #002659)
- Feathered Aubergine Veranda color palette (#F4EED4, #6B7200, #3A4BCA, #6408AE, #1F2200)
- Ancient Bronze color palette (#DCF2E5, #908000, #007A7F, #504700, #001617)
- Softworn Mustard color palette (#C2E9D4, #D6C630, #7383EA, #918400, #1D2255)
- Washed Moss Archive color palette (#E8DDC4, #AB9A00, #00999F, #706400, #003032)
- Gentle Olive Dune color palette (#F5F7E8, #82AD77, #937BC0, #2C790E, #483964)
- Linen Mulberry color palette (#DDE2C3, #52A350, #99197F, #09590E, #4A033C)
Browse the whole catalog at Explore, or see today's palette.