Weathered Pine color palette — #E0F2F1 · #19925B · #00616A · #00316C · #1F0035
Built around Fern, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Cream (#E0F2F1): a clean, paper-quiet neutral.
- Fern (#19925B): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00616A): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#00316C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#1F0035): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Patina Olive color palette (#E0F2EC, #6D863C, #006450, #003A48, #040D3A)
- Ancient Moss Alley color palette (#F4F3E1, #7CA444, #00856F, #005970, #1B2658)
- Chalky Aubergine color palette (#BCEAF5, #00837F, #00527A, #300078, #1F0019)
- Ancient Abyss Summit color palette (#D5E6E2, #81A7A5, #4E8084, #214F67, #102841)
- Weathered Moss Basin color palette (#E4F7F3, #729B5D, #00746F, #00456C, #241E00)
- Forest Courtyard color palette (#E0F2F0, #0C6B13, #003F40, #001B34, #040300)
- Faded Emerald Terrace color palette (#E0F7F6, #0C9C50, #006871, #552D00, #171A00)
- Wandering Nightshade Market color palette (#D2E3EE, #00759B, #3D309A, #470040, #1E0001)
Browse the whole catalog at Explore, or see today's palette.