Pine Basin color palette — #FBF5D8 · #C4AF31 · #88A000 · #197A0F · #1E2A00
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FBF5D8): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#C4AF31): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#88A000): A luminous, balanced green — the color of fresh herbs.
- Olive (#197A0F): A full-bodied, vivid green — the color of a quiet forest floor.
- Deep Forest (#1E2A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Moss Lantern color palette (#F7F7DF, #C8C75B, #86B543, #009150, #1C3409)
- Antique Amber Balcony color palette (#FFF3E0, #DD9D4C, #AB8100, #737200, #2C2300)
- Soft Emerald color palette (#E2E5C8, #90B000, #409900, #006241, #012103)
- Timeworn Marigold color palette (#F3EDCF, #FCA52D, #8A9B00, #007C67, #070F00)
- Hazy Dune color palette (#DFF9EF, #FFB566, #B1B900, #00A07F, #102906)
- Mint Field color palette (#ECF7DF, #7ACB7F, #00A276, #007F7A, #00261F)
- Worn Coast color palette (#E3E7D4, #619A78, #00644A, #424000, #242D08)
- Washed Emerald Summit color palette (#DDE8D0, #17AE32, #00825E, #005A53, #000E09)
Browse the whole catalog at Explore, or see today's palette.