Pine Basin color palette — #FFF3E8 · #E5C435 · #84A000 · #177F14 · #003E2C
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Honey (#E5C435): A whisper-light, balanced green — the color of a quiet forest floor.
- Olive Leaf (#84A000): A luminous, balanced green — the color of fresh herbs.
- Olive (#177F14): A full-bodied, vivid green — the color of fresh herbs.
- Forest (#003E2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Honey Meadow color palette (#FFF2EC, #FFB451, #A99200, #517500, #003A19)
- Lime Dune color palette (#EEE4C9, #CAC100, #94B200, #519100, #134E22)
- Emerald Dune color palette (#FFF5D8, #C4CB75, #539F43, #006541, #003333)
- Faded Hollow color palette (#FEF9B5, #C4E15B, #00B55C, #007B5D, #004349)
- Pale Moss Basin color palette (#E9E5CD, #7B9E08, #00793D, #004138, #001010)
- Ancient Moss color palette (#E1FFDD, #B0EF9F, #5AAE01, #226100, #012003)
- Aged Fuchsia color palette (#E1FDF1, #D7E154, #DF77F6, #767D00, #490C55)
- Amber Corridor color palette (#D9FFF1, #BAE5E3, #C5BAB2, #C38800, #164E2C)
Browse the whole catalog at Explore, or see today's palette.