Quiet Pine color palette — #DFFCFB · #88D3A4 · #D188CB · #008D52 · #3D153B
Built around Fern, softened by Bubblegum — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#88D3A4): A luminous, balanced teal — the color of sea glass.
- Bubblegum (#D188CB): A luminous, balanced pink — the color of a candy shop window.
- Fern (#008D52): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#3D153B): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, 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
- Tempered Archive color palette (#E4FBF3, #B7C884, #BF8EEF, #6B7F00, #331949)
- Softworn Loft color palette (#E5FAFF, #64D4D0, #EC7AB1, #008885, #470E2D)
- Soft Mallow Hollow color palette (#E3FAFE, #92E7D8, #F29ACF, #00A08E, #532742)
- Hushed Mint color palette (#E9F3DD, #4EDCA2, #7EB1FF, #00AB76, #1F3557)
- Raspberry Garden color palette (#DBFDFF, #51BC9A, #BA7AC3, #C15182, #002023)
- Gentle Ember color palette (#D4FFFD, #2EDBD7, #EF4938, #007B79, #400100)
- Weathered Market color palette (#DDFDFB, #D3E0ED, #BCB4CA, #8AA646, #133A3D)
- Clover Ridge color palette (#EBF2D8, #29BA64, #9C4484, #006932, #4B2740)
Browse the whole catalog at Explore, or see today's palette.