Pine Basin color palette — #F2F5FF · #B6A9FF · #A39E00 · #108C42 · #003C17
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lavender (#B6A9FF): A luminous, balanced violet — the color of a velvet chair.
- Moss (#A39E00): A luminous, balanced green — the color of fresh herbs.
- Fern (#108C42): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#003C17): A deep, shadowed, balanced teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Pale Moss color palette (#EEF1FF, #BFAFFF, #9B8900, #00807F, #003332)
- Hazy Terrace color palette (#EDF7FF, #64C1FF, #E9712A, #41891D, #143B00)
- Pale Mallow color palette (#F7F3FF, #FA97E0, #66B384, #338D88, #00413F)
- Feathered Archive color palette (#ECE2FF, #FF77E9, #3F9600, #006EA4, #00273E)
- Weathered Thicket color palette (#E5ECFF, #F2B4F4, #E29681, #5D8D91, #245155)
- Timeworn Teal color palette (#FFF1F7, #C6EAFF, #8DB6FF, #00A79A, #3F3865)
- Soft Field color palette (#FFF1F5, #C36BFF, #C44B1C, #3F6100, #003744)
- Pale Station color palette (#EEECFF, #D457FF, #5F7200, #005E5A, #001615)
Browse the whole catalog at Explore, or see today's palette.