Garnet Pier color palette — #FFF0FD · #6EB85A · #00788C · #7B0012 · #00170F

Oxblood and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Clover (#6EB85A): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#7B0012): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Garnet 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

• Softworn Garnet color palette (#FCF1FF, #AFA541, #007C6C, #760041, #091700)
• Pale Petrol Drift color palette (#FFF1F7, #3ABA98, #0D6FB3, #623000, #001618)
• Cocoa Summit color palette (#FFF0FB, #88C898, #008AB3, #88301D, #002822)
• Ancient Emerald Harbor color palette (#FFE7EF, #509E53, #005E74, #412300, #000503)
• Misty Drift color palette (#FFD0DA, #008E58, #005375, #5D0F2D, #002B28)
• Weathered Onyx Lagoon color palette (#DCF7E1, #008D6E, #005662, #4F053E, #001115)
• Muted Grape color palette (#E3FCF5, #70A637, #833AA5, #5E2500, #1B0600)
• Mint Coast color palette (#ECDCC2, #00C79C, #0099AC, #95437D, #002B27)

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