Pine Basin color palette — #D1EADB · #81A647 · #008648 · #006266 · #0A1300
Built around Fern, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D1EADB): A whisper-light, dusty teal — the color of sea glass.
- Moss (#81A647): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008648): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#006266): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#0A1300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Antique Atelier color palette (#DEF4EE, #4DAD7C, #008277, #005E7F, #001409)
- Olive Dune color palette (#FAE0E9, #AE9637, #657B00, #00654B, #140F00)
- Fern Boulevard color palette (#CAE6DE, #60AA7C, #008274, #476012, #001507)
- Tempered Forest color palette (#E3E2CF, #5F9259, #00642F, #004332, #101100)
- Hushed Olive color palette (#D9EBD8, #A99A13, #577F00, #454D95, #131000)
- Emerald Summit color palette (#DCEBE3, #8FB56B, #00975B, #70558E, #102000)
- Tempered Grove color palette (#C5EAE0, #4CA632, #005E26, #003425, #000200)
- Muted Cerulean Coast color palette (#EADEE7, #67C1C6, #0091B3, #00704F, #001527)
Browse the whole catalog at Explore, or see today's palette.