Garnet Coast color palette — #DCE0D2 · #00622D · #700053 · #00290F · #11000A
Built around Mulberry, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Bone (#DCE0D2): a clean, paper-quiet neutral.
- Pine (#00622D): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#700053): A deep, shadowed, balanced pink — the color of neon signs at night.
- Deep Forest (#00290F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#11000A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Garnet 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
- Eclipse Archive color palette (#DFE0D3, #25711E, #470070, #042902, #0B0018)
- Nocturne Garnet color palette (#DCF0DC, #005D5E, #6D2200, #002626, #110200)
- Cellar Corridor color palette (#DDE7D4, #004B39, #56005C, #470026, #000201)
- Quiet Harbor color palette (#D1E6E5, #2CAA6C, #96248E, #00653B, #10000F)
- Smoked Fern Ridge color palette (#FAECD8, #625B10, #3A2800, #1E0B00, #020400)
- Shadow Terrace color palette (#E7E1C7, #505600, #220DB3, #202300, #020023)
- Tempered Market color palette (#D7E2D7, #007D7D, #A9060C, #004242, #3A0101)
- Plum Market color palette (#D2E5CB, #009382, #B3257E, #00554B, #4C0333)
Browse the whole catalog at Explore, or see today's palette.