Pine Basin color palette — #F2FBCB · #B9EACA · #98BC8A · #548757 · #005130
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Custard (#F2FBCB): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#B9EACA): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#98BC8A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#548757): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#005130): A deep, shadowed, balanced teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Dusty Studio color palette (#FFF4DF, #D8E3C1, #BFBA7B, #777D3D, #304200)
- Emerald Terrace color palette (#DAFFEF, #B3C695, #6F9454, #356734, #185030)
- Mint Bloom color palette (#DFFFE2, #68CE99, #008A69, #005044, #001615)
- Basalt Cabin color palette (#FBF5E2, #D5E4B4, #87AE85, #377D8E, #454100)
- Lagoon Dune color palette (#DCFFEA, #79E1BD, #009E8A, #006864, #002628)
- Dusty Bone color palette (#F5F7E2, #CBE6D1, #BFC9B9, #7E978D, #5B4E5A)
- Turquoise Canyon color palette (#D7FFF5, #9EEEE8, #4EB5BD, #007888, #003A49)
- Wandering Bloom color palette (#F6F6E6, #96BC73, #535A0D, #2C2C20, #111009)
Browse the whole catalog at Explore, or see today's palette.