Navy Villa color palette — #F8F4BE · #ADE0A7 · #50C4B5 · #1C97AE · #013A79
Built around Navy, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#F8F4BE): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#ADE0A7): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint Leaf (#50C4B5): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#1C97AE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#013A79): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Navy 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
- Feathered Veranda color palette (#D9FBCE, #95E0C7, #57BCCB, #4A85C4, #363384)
- Lagoon Coast color palette (#FFEDCF, #CED99E, #84C288, #009E8B, #004355)
- Lagoon Villa color palette (#CDFDD3, #82D1B3, #3DA295, #00787F, #004355)
- Weathered Lagoon Terrace color palette (#EBEFBE, #8BBD85, #00897E, #005260, #002047)
- Antique Turquoise Quarry color palette (#FBF1FF, #A3D89B, #4DB4CE, #A6707E, #194548)
- Aubergine Grove color palette (#E4F2DA, #00D598, #00ACBD, #0075A2, #23007A)
- Gentle Navy color palette (#DDECE0, #00978C, #006C89, #003786, #03000E)
- Jade Studio color palette (#E5EBCB, #00AF69, #008079, #004E64, #020034)
Browse the whole catalog at Explore, or see today's palette.