Quiet Pine Field color palette — #E5FBF3 · #86B166 · #127413 · #5E2B11 · #030A00
A conversation between Olive and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#86B166): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#127413): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#5E2B11): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Quiet Pine Field 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
- Tempered Basin color palette (#DFFCFA, #4CB98D, #00705B, #523500, #000A0A)
- Pine Summit color palette (#E1FCF4, #9ECA89, #2A8C38, #624E20, #001E19)
- Emerald Atelier color palette (#C7E9E4, #4AA36B, #005C40, #402300, #000200)
- Teal Grove color palette (#E0FCFC, #3EBA99, #006F63, #004160, #000A0B)
- Forest Delta color palette (#F1EDDF, #638442, #00531F, #3D1B39, #040A00)
- Tempered Olive color palette (#D6E7DD, #7C7F37, #354200, #2C1500, #010100)
- Muted Market color palette (#DAEBE2, #8CB663, #309461, #705980, #00211B)
- Emerald Terrace color palette (#E9F9F6, #ADDFB1, #3E9F6B, #486D58, #102D2B)
Browse the whole catalog at Explore, or see today's palette.