Gentle Pier color palette — #CAE8CF · #008F54 · #006949 · #004231 · #001913

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CAE8CF): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008F54): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006949): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004231): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Gentle 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 Lagoon Corridor color palette (#D0F7EE, #009087, #005D5C, #00383C, #001417)
• Ancient Emerald Coast color palette (#ECF2E1, #00A33D, #007E54, #00524B, #001517)
• Lagoon Canyon color palette (#CDF0F1, #008D67, #8F5800, #00523B, #1A0C00)
• Antique Olive Coast color palette (#EAF1D0, #6B8400, #406600, #1A4000, #011C02)
• Weathered Cabin color palette (#DBECE2, #00C192, #008A72, #006359, #003734)
• Aged Lagoon color palette (#C9EBD9, #007951, #006483, #584900, #000A05)
• Antique Turquoise color palette (#CBE7E1, #72BCBB, #00AABF, #006D55, #00201F)
• Fern Meadow color palette (#CFE5D7, #84813D, #605200, #3E2E00, #0B0D00)

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