Pine Basin color palette — #DFE3C1 · #3B885C · #005D6B · #4F0E1C · #2C0202

Built around Fern, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#DFE3C1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#3B885C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005D6B): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#4F0E1C): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#2C0202): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Pine Basin 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

• Denim Atelier color palette (#C6F0EA, #30867F, #005D8A, #4E1D00, #260714)
• Muted Onyx color palette (#D0E8CE, #78864D, #095C45, #43153E, #2B0005)
• Aged Onyx Chapel color palette (#D9E4D4, #2D7462, #00465F, #430C01, #120500)
• Washed Teal color palette (#DDE6D2, #40A684, #00788D, #6D4047, #47111E)
• Ancient Navy Grove color palette (#D2E4DF, #69AEAA, #328596, #343C72, #28091B)
• Hushed Pine color palette (#D9E6D9, #008761, #00524B, #00282D, #001016)
• Worn Lagoon Cabin color palette (#D5F6E8, #348D84, #00666F, #2A3861, #27204D)
• Washed Pier color palette (#D1EDE5, #006757, #8A0058, #553300, #000503)

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