Pine Basin color palette — #FFF1F5 · #A8A761 · #41793C · #6E4711 · #3F3D03
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#A8A761): A luminous, balanced green — the color of new leaves after rain.
- Olive (#41793C): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#6E4711): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#3F3D03): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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 Veranda color palette (#EDF9F0, #73A79A, #1A7451, #584921, #143E35)
- Cypress Corridor color palette (#E8FAF0, #87B07C, #007B64, #694067, #25431D)
- Tempered Moss color palette (#E7FBEC, #C1BF7A, #76923F, #7F6522, #3F3D00)
- Antique Villa color palette (#FFE2F0, #B18D00, #4B6500, #004E48, #392C00)
- Softworn Stone color palette (#FDF1F6, #A7CBB7, #628A83, #4B6C75, #3E5348)
- Clover Summit color palette (#FFF3E6, #D6D386, #6DBB5D, #AC7E4C, #3F3C0B)
- Moss Station color palette (#F0EFDD, #66B024, #00825C, #005E57, #004450)
- Dusty Olive Basin color palette (#E0F6E9, #58884D, #005141, #352F00, #062101)
Browse the whole catalog at Explore, or see today's palette.