Sapphire Villa color palette — #F9F1E3 · #8CC2ED · #306ECE · #004F60 · #0F094F
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
- Sky (#8CC2ED): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#306ECE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#0F094F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Atelier color palette (#FCF0DF, #82C8DA, #007CA6, #00524F, #001B32)
- Dusty Sapphire color palette (#FEF1F6, #8ABEE9, #5160CE, #005557, #42136E)
- Cornflower Veranda color palette (#EBF9EE, #9ED1FC, #3B88FD, #006F86, #222870)
- Hushed Cypress Coast color palette (#EAE1D3, #5DACA7, #00646D, #003B28, #000D12)
- Abyss Terrace color palette (#EEE4D5, #46838B, #004353, #00201B, #000103)
- Crimson Balcony color palette (#FFE4E5, #D20046, #3B7600, #00509F, #240005)
- Misty Rose Harbor color palette (#FAE1DC, #E43D6F, #00837C, #8F003A, #001B19)
- Hushed Amber Canyon color palette (#FFEDED, #FFC4B2, #D79114, #983B6D, #420703)
Browse the whole catalog at Explore, or see today's palette.