Pine Garden color palette — #EEF7F6 · #97CCC6 · #268BA2 · #3F7D43 · #1D313A
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF7F6): bright and airy, almost weightless.
- Stone (#97CCC6): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#268BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#3F7D43): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1D313A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Pine Garden 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
- Softworn Cypress color palette (#EFF7F9, #9BC9D5, #697AB2, #007D7C, #262E3D)
- Dusty Villa color palette (#F1F7F3, #CBC192, #4A8D6B, #7F6C00, #1F3232)
- Worn Loft color palette (#ECF4F1, #C3C995, #5781CE, #72772B, #0E1621)
- Nightshade Villa color palette (#D2E4EA, #00878D, #1E1EAA, #003A3C, #010019)
- Timeworn Studio color palette (#ECF9EE, #75B7A3, #45818E, #7E4168, #2F4D54)
- Timeworn Bloom color palette (#F7F5ED, #CAD9A2, #3DA6E1, #84954C, #21322C)
- Softworn Jade Cabin color palette (#E9F9F9, #1ABD8F, #006C9C, #00664B, #001F34)
- Tempered Coast color palette (#EFF7F7, #D5DADF, #B0A9B3, #598F78, #4B5555)
Browse the whole catalog at Explore, or see today's palette.