Onyx Garden color palette — #F4ECF3 · #7FBDC5 · #007EAE · #005D37 · #001656

Deep Indigo takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F4ECF3): bright and airy, almost weightless.
• Ash (#7FBDC5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007EAE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D37): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#001656): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Sapphire Study color palette (#F4EAEE, #91B7D1, #316FD8, #005A52, #210A52)
• Quiet Cobalt Meadow color palette (#FFF2ED, #77DEE8, #0085B4, #005530, #00092A)
• Turquoise Grove color palette (#E8E2D9, #57AEB7, #006177, #003F36, #002334)
• Cerulean Harbor color palette (#D4E5D7, #60D3E0, #00A2C4, #007F6F, #002334)
• Antique Atelier color palette (#FFF1F7, #92D3FF, #5C83F6, #00726F, #3C1871)
• Patina Azure Veranda color palette (#FDF1FA, #B8E2F6, #47A4E3, #008662, #2C3A75)
• Misty Coast color palette (#E9D9DF, #CE5993, #007D60, #236800, #270015)
• Antique Lagoon color palette (#FAF3F5, #DBDDEC, #A5ADE1, #1898A0, #4F4F6D)

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