Quiet Pine color palette — #FFF2EB · #8BDCD7 · #009DB4 · #007741 · #003850
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Lagoon (#8BDCD7): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#009DB4): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Azure Parlor color palette (#FFF2EB, #82D9F3, #0095DC, #007367, #0C2D70)
- Softworn Pine color palette (#FEF0FA, #B2FFFA, #00ADC5, #007740, #00283B)
- Turquoise Veranda color palette (#F6F7E4, #95ECE7, #00C2C9, #009A83, #003A41)
- Washed Cypress color palette (#E9F9F5, #7FC7C3, #007D82, #00574A, #003A41)
- Antique Atelier color palette (#FCF3EF, #C4E7E0, #73AEC9, #478974, #573D5A)
- Dusty Denim color palette (#EDDFD8, #5C9EAD, #005F87, #003C33, #00081E)
- Misty Study color palette (#FFDBD1, #FF5F79, #00A0A3, #C30043, #003537)
- Dusty Rose Studio color palette (#FDD5D4, #FC2A49, #009393, #2B7097, #48060F)
Browse the whole catalog at Explore, or see today's palette.