Quiet Pine color palette — #E4FBF7 · #77B389 · #007D56 · #5A5200 · #0B4625
Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#77B389): A luminous, balanced teal — the color of glacier melt.
- Teal (#007D56): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#5A5200): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#0B4625): A deep, shadowed, balanced teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Olive Harbor color palette (#E2FCF0, #9CAA78, #4B7800, #704600, #363F15)
- Dusty Jade color palette (#DBFFEC, #4CC295, #007C58, #004A30, #002E20)
- Softworn Pine Boulevard color palette (#E3F0D9, #70B24A, #018622, #00642C, #004C2E)
- Wandering Teal Corridor color palette (#E0F8F3, #67BB97, #007B76, #783527, #002819)
- Pine Basin color palette (#D6FEFF, #A4F0FB, #41CECB, #089036, #13533F)
- Seafoam Orchard color palette (#F4F8E1, #73EBA3, #4DBC92, #8F8C50, #1D442C)
- Pale Cabin color palette (#D4FFFC, #48AB65, #0082DB, #006F32, #003C6A)
- Fern Meadow color palette (#D8EADC, #988D4E, #595800, #4E3B00, #302900)
Browse the whole catalog at Explore, or see today's palette.