Sapphire Villa color palette — #F4F4FF · #D9ADFF · #A89F09 · #3161C7 · #132C63
Built around Royal Blue, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#D9ADFF): A luminous, balanced violet — the color of a velvet chair.
- Moss (#A89F09): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#3161C7): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#132C63): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, 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
- Moss Balcony color palette (#F3EFFF, #EA9DEC, #769600, #6465B5, #2B234D)
- Ancient Summit color palette (#DEDFF4, #B887EE, #958500, #0C5EBE, #21104A)
- Linen Quarry color palette (#F0F5FF, #97B5FF, #D68200, #0081A4, #003451)
- Washed Cerulean Bloom color palette (#FAEBFF, #FFB1B8, #C3AA6A, #5E8BC2, #384D66)
- Worn Teal Market color palette (#FBF1FE, #F99FB7, #34B79B, #8270B3, #3B3056)
- Timeworn Lantern color palette (#FAF1FF, #FFA2C3, #09B871, #8741B5, #43165E)
- Tempered Blush color palette (#FEF0FF, #FF8194, #898100, #005D60, #260D52)
- Weathered Teal Grove color palette (#FFF1F6, #C7EAFF, #8FB6FF, #00A79B, #403766)
Browse the whole catalog at Explore, or see today's palette.