Quiet Pine color palette — #FFDCD0 · #B6595D · #0F814F · #00625D · #422116
Teal and Brick set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#FFDCD0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Brick (#B6595D): A full-bodied, balanced red — the color of embers at dusk.
- Teal (#0F814F): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00625D): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#422116): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged warm.
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
- Navy Veranda color palette (#FBEBDF, #A05E26, #007445, #223D8C, #382009)
- Sunlit Fern color palette (#FCDDD5, #B15B6B, #527B00, #166E0C, #422119)
- Patina Lagoon color palette (#FFF3E9, #B37A53, #1C9068, #007971, #3D3732)
- Faded Hollow color palette (#F8E0C4, #A66B00, #007C81, #1D5B7B, #3E2500)
- Raspberry Terrace color palette (#F5E5FD, #BC527A, #677800, #006290, #1D0B24)
- Patina Mulberry color palette (#EDDBDD, #A70446, #005A58, #023E4F, #29000B)
- Moss Archive color palette (#FFDBD6, #D57093, #809500, #0080BA, #42201C)
- Quiet Navy Coast color palette (#F3EFCB, #5D7600, #006886, #004B97, #1A2300)
Browse the whole catalog at Explore, or see today's palette.