Sapphire Villa color palette — #EEE9DC · #908000 · #3B67BC · #504700 · #000B3A

Royal Blue takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EEE9DC): bright and airy, almost weightless.
• Olive Leaf (#908000): A full-bodied, balanced green — the color of fresh herbs.
• Royal Blue (#3B67BC): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#504700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#000B3A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Sapphire Hollow color palette (#EADCC3, #997B00, #4461C5, #594700, #122061)
• Quiet Cobalt color palette (#EDEAD0, #839C4C, #4B7AC9, #495E00, #011944)
• Linen Bronze color palette (#EFDDC7, #AD7000, #007698, #623E00, #00151E)
• Misty Courtyard color palette (#F0EAD7, #726F00, #693AA2, #3A3800, #0D001E)
• Muted Canyon color palette (#E6E2D1, #8E9621, #7B3D94, #464B00, #20002C)
• Gentle Study color palette (#E1FEEA, #D8B53F, #6E74EA, #786000, #12044D)
• Soft Corridor color palette (#D1E4D5, #B79339, #6F76EE, #7C5E00, #1F1D5E)
• Olive Pier color palette (#F6F2E0, #A2AA6A, #A47BB4, #646B10, #36193F)

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