Pine Garden color palette — #FFF2ED · #C1DDC6 · #5A9FC1 · #2E7D50 · #253A5E

A conversation between Teal and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Celadon Mist (#C1DDC6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#5A9FC1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#2E7D50): A full-bodied, balanced teal — the color of sea glass.
• Navy (#253A5E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Washed Cobalt color palette (#FAECE1, #A6CFBC, #5787CD, #006D61, #2C2651)
• Dusty Pier color palette (#FBF3EE, #BFE9E7, #7CA8D9, #408A78, #593E4F)
• Timeworn Aqua color palette (#FAF4EC, #CBE9D0, #4BC3E0, #389F8A, #184434)
• Quiet Atelier color palette (#F8E5DB, #70BFD0, #1A7CB4, #005C41, #0D1651)
• Ancient Atelier color palette (#FDEAE1, #5A9FA8, #006086, #003E24, #00032A)
• Sunlit Iris Villa color palette (#FFEBD5, #D79A4F, #8D87E6, #9E6200, #312D5E)
• Aged Parlor color palette (#F4E6D1, #B0B284, #9C7A39, #804C31, #30312A)
• Hushed Amber color palette (#F3E3C3, #B09300, #6F85CD, #7D5EAA, #352B00)

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