Weathered Garden color palette — #F2F3E6 · #9EA57B · #2F744C · #00505B · #1B1E04
A conversation between Pine and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F3E6): a clean, paper-quiet neutral.
- Sage (#9EA57B): A luminous, dusty green — the color of fresh herbs.
- Pine (#2F744C): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#1B1E04): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered 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
- Antique Lagoon color palette (#F0F4E9, #A9BA97, #368574, #295B75, #212B14)
- Softworn Pine Grove color palette (#ECF9F0, #90A46B, #317244, #444868, #1E3C34)
- Softworn Villa color palette (#F7F1E7, #A8A271, #676A11, #66363B, #251B00)
- Forest Garden color palette (#F2F1E0, #789871, #00672C, #5B2800, #021800)
- Antique Lagoon Villa color palette (#E5E8D5, #488863, #00513A, #002F3D, #000B04)
- Antique Chestnut color palette (#F5F1EA, #CBC3A9, #7E885C, #8E4D35, #33312A)
- Hushed Emerald color palette (#FBF4E8, #D7D1AB, #5F9A65, #665A8C, #2E2806)
- Weathered Mulberry color palette (#FBE2E5, #B479B1, #0087B5, #891488, #001F2E)
Browse the whole catalog at Explore, or see today's palette.