Dusty Pine Villa color palette — #FFF2EE · #C4DBC9 · #39A1D2 · #00814E · #273A5E

Teal and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Oat (#C4DBC9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#39A1D2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00814E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#273A5E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Pine 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

• Tempered Delta color palette (#F9F4EF, #BCDDD3, #8391CD, #007B7E, #42305B)
• Tempered Lagoon Loft color palette (#FAF4EC, #C7EBCD, #67C0D9, #31A08B, #134055)
• Antique Cerulean color palette (#EFF8F1, #96D1D6, #0086A0, #006153, #1D3E54)
• Washed Iris Coast color palette (#FAD9F0, #7F8CE8, #A58500, #647B22, #3C2035)
• Washed Cerulean Archive color palette (#FFF0FD, #F7D2C9, #F0AEBA, #0098BC, #583546)
• Cobalt Summit color palette (#EDDFD9, #7EBCCD, #007AC0, #005B44, #12174C)
• Denim Alley color palette (#ECDED8, #619DA8, #005F8A, #003E28, #01002F)
• Lapis Loft color palette (#CAEAEE, #61B8E7, #4D84E1, #504AB8, #472B61)

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