Quiet Pine color palette — #F7EFD0 · #8BAF61 · #328C50 · #005F77 · #30312A
Fern and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F7EFD0): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#8BAF61): A luminous, balanced green — the color of new leaves after rain.
- Fern (#328C50): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005F77): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
Use it as a design system
One click turns Quiet Pine 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 Emerald Market color palette (#E1FDF1, #9BC671, #00974E, #005A72, #002824)
- Mint Pier color palette (#F9F6E1, #88C291, #45987F, #3A688B, #3C3E37)
- Hushed Olive color palette (#FCEDCF, #C09C4F, #817B0C, #006455, #33302A)
- Feathered Quarry color palette (#F1F1D5, #2CBA9E, #00888C, #3C5093, #21371A)
- Frosted Dune color palette (#FFEAD9, #948829, #006C45, #661962, #31312A)
- Wandering Atelier color palette (#EDF6E0, #42AC7B, #00818D, #045093, #331D53)
- Washed Parchment Boulevard color palette (#E1EABE, #B5C2A6, #809579, #51746B, #4F384D)
- Faded Emerald color palette (#F0E9C7, #369907, #006945, #003D56, #001D05)
Browse the whole catalog at Explore, or see today's palette.