Pine Basin color palette — #FFF4E2 · #998F00 · #00751C · #343B85 · #313A0D
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#998F00): A luminous, balanced green — the color of fresh herbs.
- Olive (#00751C): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#343B85): A deep, shadowed, balanced violet — the color of a velvet chair.
- Forest (#313A0D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Soft Moss color palette (#FFECCE, #6D9614, #006B4F, #46346A, #30312A)
- Patina Amber Balcony color palette (#FFF4DE, #BD7C00, #616600, #004973, #423308)
- Softworn Coast color palette (#FFEFDE, #AA8F00, #00753D, #4F2671, #1A1F00)
- Tempered Loft color palette (#FFF1F5, #C5A600, #009650, #6D4491, #333A00)
- Olive Dune color palette (#FFF3E3, #B2A450, #647200, #634D26, #3D3A34)
- Tempered Aubergine Balcony color palette (#FEF6D5, #808400, #00666C, #442787, #5E0615)
- Olive Ridge color palette (#F7EEDB, #2F7900, #00483D, #350551, #001C0A)
- Garnet Atelier color palette (#FEE1A5, #009374, #005D6A, #65004E, #00312C)
Browse the whole catalog at Explore, or see today's palette.