Pine Garden color palette — #E1F3F3 · #A78100 · #008049 · #004A79 · #00120F
Built around Teal, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#E1F3F3): a clean, paper-quiet neutral.
- Mustard (#A78100): A luminous, balanced gold — the color of old brass.
- Teal (#008049): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004A79): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#00120F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.
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
- Feathered Chapel color palette (#C5EAE2, #C38500, #3E8600, #00505B, #001009)
- Wandering Navy Balcony color palette (#C5F2F8, #8C9A00, #008165, #004C9F, #000E10)
- Misty Moss color palette (#E6ECDC, #799C00, #00845B, #005057, #000201)
- Pine Basin color palette (#C8E7D7, #397D39, #004237, #262300, #011501)
- Antique Lantern color palette (#E9E1C0, #3C845B, #005260, #4E1B00, #300D00)
- Softworn Cypress Canyon color palette (#D8F1DD, #007A67, #004644, #00242E, #090921)
- Lime Dune color palette (#CCE4E5, #91B800, #00A376, #00767E, #000D0A)
- Airy Moss Workshop color palette (#CAEFFC, #33A901, #007F92, #422FB4, #000913)
Browse the whole catalog at Explore, or see today's palette.