Pine Garden color palette — #EAF9F8 · #CADEF3 · #A7C0D2 · #237C54 · #304444

Built around Teal, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Powder Blue (#CADEF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#A7C0D2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#237C54): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#304444): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Weathered Petrol color palette (#EEF7FA, #D8DBE6, #C1BDCB, #4E7C8C, #40494D)
• Worn Forest Garden color palette (#E3F2F3, #BDD0D8, #8CA3BA, #00644D, #1C3234)
• Hushed Meadow color palette (#DEE7EB, #97ACC2, #757E9D, #003F4A, #04161E)
• Jade Drift color palette (#F2F7EC, #CEDED9, #A2B4CC, #00C18C, #324801)
• Cypress Courtyard color palette (#D7F6FF, #007877, #002E48, #001C23, #00090E)
• Washed Marigold Loft color palette (#FFF0F7, #C49E1E, #597500, #215C55, #20432D)
• Cobalt Pier color palette (#D6EBC1, #64C2B6, #5C80BB, #794E2E, #5A3A49)
• Worn Drift color palette (#FEF0FF, #00A668, #006891, #752433, #003F3A)

Browse the whole catalog at Explore, or see today's palette.