Pine Basin color palette — #FFF5D5 · #BDCD9C · #7AA96C · #408550 · #4D5049
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#BDCD9C): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#7AA96C): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#408550): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#4D5049): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Ancient Moss color palette (#FFF3E3, #B8BD80, #689545, #2C7151, #44573E)
- Emerald Pier color palette (#F5F7E8, #ADCFAA, #CA9FD8, #619D5E, #64424B)
- Muted Courtyard color palette (#F1F9E1, #CBDAB1, #6BAC84, #207A51, #13422D)
- Wandering Grove color palette (#DAFFEE, #D8EF9F, #90BB81, #658F69, #305758)
- Dusty Teal Chapel color palette (#EFFBDB, #94D1B9, #4DB8AB, #008D8F, #3A5A45)
- Worn Emerald color palette (#D9E5CF, #71CA78, #00A45E, #007358, #004D47)
- Patina Canyon color palette (#F4F7E9, #CCE5D8, #C1BBCD, #A0AF81, #445A18)
- Hushed Bronze color palette (#FFF3E6, #D8C8AE, #B49572, #9D6636, #5A4500)
Browse the whole catalog at Explore, or see today's palette.