Pine Garden color palette — #FCF1FB · #B2DCEB · #599FC1 · #3A7B53 · #213A61

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

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Powder Blue (#B2DCEB): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#599FC1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#3A7B53): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#213A61): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Muted Boulevard color palette (#FCF2F7, #D2DFF7, #7EA8D7, #418A78, #3A4668)
• Softworn Coast color palette (#FBF3F0, #BCE9F1, #00B5ED, #3A7F52, #3D243D)
• Worn Cobalt Pier color palette (#F7EBF0, #9CCCE4, #5286D5, #006D62, #2C274F)
• Aged Cerulean Lagoon color palette (#F9F4ED, #AECFB3, #0086A0, #006153, #084058)
• Linen Teal Harbor color palette (#D0ECD2, #14C4A9, #0096A0, #006B89, #12416A)
• Worn Amber Courtyard color palette (#C8EBF9, #00A9B8, #C96B45, #976618, #00313F)
• Cerulean Summit color palette (#E8F8FF, #5BC6EA, #008FB2, #005E70, #002935)
• Denim Lagoon color palette (#E9D9E5, #629DA7, #005F88, #003E26, #00022C)

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