Onyx Pier color palette — #D7E7E1 · #3D7B4A · #004235 · #3B043D · #001504

Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Parchment (#D7E7E1): bright and airy, almost weightless.
• Olive (#3D7B4A): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004235): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#3B043D): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Aubergine Coast color palette (#D4E4D8, #677326, #054409, #29005D, #0E1100)
• Obsidian Fern Archive color palette (#D6E5DA, #596419, #033506, #2F001E, #050700)
• Aged Courtyard color palette (#CAE7DF, #4F886B, #00504A, #57110A, #002113)
• Dusty Meadow color palette (#D7F2EB, #56A47B, #006960, #6B2158, #003820)
• Dusty Veranda color palette (#FCEED1, #966D00, #483300, #1A1000, #050300)
• Weathered Emerald Thicket color palette (#F6EADE, #A8A663, #3E944C, #792000, #221A00)
• Wandering Boulevard color palette (#D8E9D7, #815400, #005178, #3F2700, #00111E)
• Softworn Chapel color palette (#F0E4E8, #6694BD, #263F9B, #002F35, #17013F)

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