Onyx Villa color palette — #D6F8ED · #007E91 · #004C7B · #1F005B · #0D0015

Deep Indigo and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6F8ED): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007E91): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004C7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1F005B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0D0015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Cypress color palette (#DFF4DC, #008371, #005262, #002041, #060021)
• Softworn Navy color palette (#D5F7FF, #0085B3, #004F86, #090778, #1A004E)
• Twilit Nightshade color palette (#DAEDEE, #006E96, #1C00B2, #23003D, #040002)
• Muted Summit color palette (#D5EFF5, #00ADE6, #006BB6, #0F008E, #030011)
• Airy Orchard color palette (#D7ECE6, #00A4BD, #006AA7, #361698, #2E002F)
• Moonless Aubergine color palette (#D5E4ED, #2C4CAE, #380071, #1B0018, #040000)
• Eclipse Coast color palette (#C8E3FC, #004772, #11032C, #070B10, #000104)
• Nightshade Coast color palette (#D9E8DA, #007374, #210DAA, #2A1B00, #00060A)

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