Pine Delta color palette — #E7F6F0 · #8AAB81 · #2A754E · #434B20 · #00221E
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F6F0): a clean, paper-quiet neutral.
- Sage (#8AAB81): A luminous, dusty green — the color of new leaves after rain.
- Pine (#2A754E): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#434B20): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Delta 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
- Hushed Boulevard color palette (#FAF5E8, #87A581, #06735F, #544C00, #35362F)
- Patina Lagoon color palette (#D9EEEA, #569F75, #006452, #004148, #00170A)
- Dusty Lagoon color palette (#E8F5F3, #8FBDBE, #418376, #365D58, #112C2D)
- Moss Field color palette (#D2EDDA, #969D23, #406900, #004B32, #161800)
- Wandering Lagoon color palette (#E6FBEF, #BCDAB4, #479B86, #6B6537, #002F2A)
- Pine Bloom color palette (#D3F1E9, #408B54, #00503B, #1D3000, #000B02)
- Washed Corridor color palette (#DAF8FF, #4CB6D0, #007281, #003B43, #001015)
- Tempered Grove color palette (#D8EDF5, #00A5AC, #C1535F, #006166, #3B010D)
Browse the whole catalog at Explore, or see today's palette.