Onyx Terrace color palette — #F2DFC3 · #98B17A · #478F79 · #684047 · #3E183E

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

The five colors

• Parchment (#F2DFC3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#98B17A): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#478F79): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#684047): A full-bodied, dusty red — the color of embers at dusk.
• Deep Indigo (#3E183E): A deep, shadowed, balanced pink — the color of a candy shop window.

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

Use it as a design system

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

• Washed Cocoa color palette (#E3E6D6, #7EB79B, #418791, #7C4344, #491C12)
• Basalt Alley color palette (#FFD5C8, #C9AB72, #6D875E, #5A4A76, #472150)
• Onyx Studio color palette (#E9E1D0, #7B9561, #2C746D, #532E30, #330525)
• Jade Balcony color palette (#FFD7E6, #BFC68C, #57A580, #90618A, #673A4B)
• Hushed Teal color palette (#F3F4E0, #60BD94, #007B76, #75372B, #002819)
• Hushed Archive color palette (#DAEDC4, #A0B996, #478D94, #395A9E, #45427D)
• Worn Bronze Workshop color palette (#F1F4E0, #BDCEBA, #80A195, #985D34, #563200)
• Dusty Dune color palette (#FEEEE7, #B6DBBD, #0090B7, #00654B, #002745)

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