Onyx Garden color palette — #FDD3DB · #9F7651 · #425A1F · #2F3355 · #1E1E52

Deep Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDD3DB): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#9F7651): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#425A1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2F3355): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Indigo (#1E1E52): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Muted Lagoon color palette (#EADCD5, #937441, #475400, #00384E, #090F31)
• Patina Driftwood color palette (#EBDBEC, #AE6768, #6B5B1C, #12402E, #002B3A)
• Forest Workshop color palette (#F4E6D3, #748239, #005329, #3B1F50, #181E00)
• Driftwood Study color palette (#F2E2E3, #AB7F46, #496537, #5A2446, #441032)
• Navy Studio color palette (#EFE0D6, #A88F6A, #6A7640, #004E6B, #18235C)
• Quiet Coast color palette (#FFDCE4, #9C5E37, #3B4E11, #49143D, #350010)
• Antique Atelier color palette (#FFDDCA, #9B9C60, #2A7C61, #56426C, #4F2446)
• Airy Ultramarine color palette (#E9DFBC, #717200, #2C46C7, #3B3C00, #070F4E)

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