Forest Pier color palette — #E3F4F3 · #006D3A · #0D3440 · #002510 · #000203

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

The five colors

• Cream (#E3F4F3): bright and airy, almost weightless.
• Pine (#006D3A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#0D3440): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002510): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged duotone, dark, muted.

Use it as a design system

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

• Charred Onyx color palette (#E2EEDB, #00574C, #002A2D, #070038, #000404)
• Velvet Meadow color palette (#E1EFE7, #645D00, #023305, #211E00, #000202)
• Obsidian Navy Thicket color palette (#D1E3EC, #00748D, #002F6E, #002C37, #000207)
• Spruce Study color palette (#D6E5E6, #8A9EA1, #497983, #003424, #000C0D)
• Hushed Lagoon color palette (#CEECF2, #009B6C, #007266, #004A51, #000505)
• Jade Coast color palette (#E8F9F9, #00BF85, #007473, #006646, #002129)
• Olive Summit color palette (#E3E2CE, #5A8400, #004972, #2A4000, #000202)
• Softworn Petrol color palette (#EDF7FB, #68BEC9, #0077AC, #006C77, #162632)

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