Pine Basin color palette — #D7EADF · #96AE7A · #20864F · #5E497C · #043128
Fern and Charcoal Brown set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D7EADF): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#96AE7A): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#20864F): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#5E497C): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#043128): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, 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
- Cypress Villa color palette (#D2EBE3, #7BB48E, #008474, #1A5D76, #00302F)
- Lagoon Quarry color palette (#E8FAF2, #9DC096, #209671, #71587C, #173D38)
- Pine Boulevard color palette (#F9F6E4, #A4C69A, #33895C, #34517E, #191A00)
- Weathered Emerald color palette (#DAF3DF, #AAB437, #379A19, #573E91, #2E3100)
- Hazy Lagoon color palette (#D1E9E1, #4FA86D, #007161, #5B355B, #00220D)
- Aged Moss Meadow color palette (#EFF8ED, #CDC598, #819A53, #69708C, #32483C)
- Timeworn Forest color palette (#E6E7D0, #629C66, #03663A, #244631, #282C06)
- Feathered Byzantium Villa color palette (#DEDBEF, #C870D4, #00999D, #942CA2, #003031)
Browse the whole catalog at Explore, or see today's palette.