Lagoon Villa color palette — #F3F3E5 · #AAB999 · #308388 · #4B5C37 · #212B14
A conversation between Teal and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Sage (#AAB999): A luminous, dusty green — the color of fresh herbs.
- Teal (#308388): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Pine (#4B5C37): A full-bodied, dusty green — the color of fresh herbs.
- Deep Forest (#212B14): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon 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
- Washed Pine Villa color palette (#FAF0E4, #BDB48C, #57815C, #195F69, #2E2709)
- Dusty Boulevard color palette (#F4F7EB, #86BDA6, #00867A, #586016, #344B05)
- Dusty Lagoon Loft color palette (#ECF8F5, #9ECFD0, #36A1A4, #527B70, #2D4849)
- Olive Workshop color palette (#FDEFE6, #B69C6D, #626B1B, #513B66, #281800)
- Quiet Amber color palette (#E8F6ED, #6CAFC4, #C8763A, #007089, #401C00)
- Softworn Cerulean color palette (#DBE5D0, #5FB7B2, #008CA6, #00537D, #1F2C4E)
- Patina Cypress color palette (#F7F0EC, #C8E4D5, #6591C2, #006E5C, #26274C)
- Worn Balcony color palette (#F2ECD6, #699C70, #006358, #003C60, #001804)
Browse the whole catalog at Explore, or see today's palette.