Smoked Pier color palette — #CAEFEE · #006E40 · #00272B · #050F10 · #000202

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

The five colors

• Honeydew (#CAEFEE): A whisper-light, dusty teal — the color of sea glass.
• Pine (#006E40): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00272B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#050F10): a grounded near-black with real depth.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Lowlit Thicket color palette (#D9E7E0, #625F00, #002A14, #170B03, #000201)
• Timeworn Lagoon Coast color palette (#CFF1F6, #00A28B, #31596F, #13353A, #000605)
• Washed Petrol Meadow color palette (#D8F5FF, #007692, #202E5E, #191B22, #00090D)
• Timeworn Cypress color palette (#CFE7D7, #75935B, #007454, #56470A, #030800)
• Jade Harbor color palette (#D3E7E8, #00BD8D, #307180, #1D4A4C, #021611)
• Frosted Ridge color palette (#C9EAF3, #009090, #C72653, #006161, #130003)
• Timeworn Indigo color palette (#DCE9DA, #7EA5C9, #5D68CC, #005D60, #100021)
• Timeworn Azure color palette (#CEE7F8, #009ED5, #4F528C, #003A51, #00090D)

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