Pine Garden color palette — #FFF2EE · #D1DFF8 · #20BEF4 · #0B8D49 · #16355E

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Powder Blue (#D1DFF8): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#20BEF4): A luminous, balanced blue — the color of deep harbor water.
• Fern (#0B8D49): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#16355E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Patina Market color palette (#FFF3E9, #D8D6E3, #7CAFFF, #00897C, #332D5C)
• Soft Aqua color palette (#ECF9EF, #B3F2F5, #00CBED, #00A88C, #00465F)
• Frosted Azure Study color palette (#FFF2ED, #C6F9FF, #00A6E4, #007749, #001964)
• Forest Boulevard color palette (#FBF2FA, #95DDE0, #008CB5, #006B34, #224069)
• Weathered Lagoon color palette (#FBF3EF, #C7DCE4, #9ACDD4, #61A08C, #5B4654)
• Feathered Lagoon color palette (#FFF3E4, #FEB84C, #95A7FF, #A97100, #1F2466)
• Spruce Workshop color palette (#FAEAE5, #84C4C2, #00728E, #004210, #000309)
• Denim Drift color palette (#EBE0D9, #6CACC6, #0053A2, #002C25, #010009)

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