Pale Villa color palette — #CBECF0 · #007797 · #00486C · #001760 · #100042

Built around Deep Indigo, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#CBECF0): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007797): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00486C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#001760): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#100042): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Inked Balcony color palette (#CCE6F2, #00648E, #003D61, #001E3B, #000311)
• Pale Dune color palette (#C8E6EB, #009AC8, #0070A7, #00409B, #0D003A)
• Cypress Quarry color palette (#D3EBDA, #007A63, #004441, #002930, #061022)
• Airy Ultramarine Villa color palette (#F2E7F2, #005BBA, #733A00, #002B5D, #1C0A00)
• Muted Nightshade Grove color palette (#D5E9F5, #136CCE, #2D00B2, #230057, #1F002C)
• Hazy Quarry color palette (#F2DCF1, #9A98CC, #A35993, #00404B, #10093D)
• Shadow Nightshade Boulevard color palette (#D7E0F7, #4A64C4, #16009D, #000F30, #000110)
• Hushed Nightshade Field color palette (#D2EFF6, #00A4D9, #005DB1, #2B00C6, #390E80)

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