Pine Basin color palette — #F8F0E7 · #BEB38D · #538255 · #6C4F27 · #2E270D
Built around Fern, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F0E7): a clean, paper-quiet neutral.
- Sage (#BEB38D): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#538255): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#6C4F27): A full-bodied, dusty gold — the color of honey in a jar.
- Onyx (#2E270D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, 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
- Muted Chestnut color palette (#F4F2EA, #C2C6AF, #758A6C, #745F10, #31322B)
- Hushed Cocoa Dune color palette (#F3F2E8, #AABA98, #3F8185, #754357, #222B16)
- Softworn Olive Meadow color palette (#FDEFE1, #AD9F78, #457233, #005154, #241B00)
- Muted Fern Chapel color palette (#F4F3DD, #69BA9B, #007A80, #395700, #00281B)
- Linen Pine color palette (#E4EBD0, #90B67A, #0A8A57, #005654, #00363E)
- Washed Taupe color palette (#EEF8F1, #B5EAEB, #8FA775, #867543, #243F34)
- Eclipse Olive Field color palette (#EBDFCD, #5E6F39, #004226, #281C00, #020300)
- Tempered Hollow color palette (#EFE4CB, #7BA260, #006C50, #4A3D00, #0A1B00)
Browse the whole catalog at Explore, or see today's palette.