Garnet Pier color palette — #F2DCBF · #ABBF91 · #03A5A2 · #911507 · #2A2900

A conversation between Garnet and Turquoise, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#F2DCBF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ABBF91): A luminous, dusty green — the color of a quiet forest floor.
• Turquoise (#03A5A2): A luminous, balanced teal — the color of shallow lagoons.
• Garnet (#911507): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#2A2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged pastel, light.

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

• Dusty Canyon color palette (#F7DECD, #B6AC77, #4C9C5E, #8B0037, #362000)
• Quiet Workshop color palette (#F5EFD4, #90C9AB, #0093B4, #683F00, #1B2D00)
• Clover Quarry color palette (#F1E9DD, #C4CC75, #55B655, #9B5C00, #291E00)
• Emerald Drift color palette (#D6F2E0, #A9B761, #52A54F, #6B4100, #001108)
• Petrol Station color palette (#EEF0D1, #3DAB9D, #136EA0, #3D2C00, #001209)
• Quiet Turquoise color palette (#F2FBCC, #88EBBD, #00B7D5, #8E5D00, #254402)
• Hushed Cocoa color palette (#F2E0C9, #7B7941, #5D3F00, #461700, #091B00)
• Chartreuse Delta color palette (#D8E6D9, #BBDF70, #62CCB7, #B96F6A, #2B2300)

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