Quiet Pine color palette — #F4D2E9 · #338C48 · #005760 · #630025 · #002C20
Fern and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Thistle (#F4D2E9): A whisper-light, dusty pink — the color of neon signs at night.
- Fern (#338C48): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005760): A full-bodied, dusty blue — the color of deep harbor water.
- Mulberry (#630025): A deep, shadowed, balanced red — the color of a theater curtain.
- Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.
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
- Ancient Lagoon color palette (#F2D4E6, #008A7A, #005379, #5A1C00, #002A2D)
- Aubergine Hollow color palette (#F6D2E3, #718000, #005A4B, #5A0050, #132B0C)
- Pine Lantern color palette (#D0E7E3, #1D7E0C, #103F96, #5C000F, #371300)
- Nocturne Quarry color palette (#DEF0F3, #006357, #3E3840, #001E26, #000B0E)
- Forest Market color palette (#D3EBE4, #659979, #006358, #34441B, #003030)
- Teal Market color palette (#FFF0F9, #52A99B, #377095, #733C29, #25424C)
- Velvet Workshop color palette (#FFEAE0, #006565, #00305D, #2C0E00, #000E12)
- Quiet Nightshade color palette (#BEE8E0, #00AA94, #00787E, #2E2BB1, #002B28)
Browse the whole catalog at Explore, or see today's palette.