Onyx Coast color palette — #F9DEC5 · #885000 · #005E27 · #4B0035 · #040001
Deep Indigo and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#F9DEC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Coffee (#885000): A full-bodied, balanced gold — the color of old brass.
- Pine (#005E27): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#4B0035): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged warm.
Use it as a design system
One click turns Onyx Coast 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
- Onyx Pier color palette (#F0EDE0, #725E00, #005B4E, #510017, #000201)
- Brick Boulevard color palette (#FEE1FC, #B4002A, #554F00, #320067, #030003)
- Hushed Chestnut Alley color palette (#D9F9E3, #745D00, #005B48, #002E33, #000201)
- Hushed Courtyard color palette (#F9E4F0, #9E3D00, #405600, #00311A, #030000)
- Inked Onyx Villa color palette (#DFEFE4, #534200, #00412A, #1C0057, #070400)
- Softworn Amber color palette (#DBF0DE, #B68400, #3F5700, #4F3700, #000201)
- Moss Atelier color palette (#F6F1CF, #8E9200, #425700, #122A00, #000200)
- Feathered Pine color palette (#D2F7F3, #008A34, #00698C, #532F00, #000201)
Browse the whole catalog at Explore, or see today's palette.