Pine Drift color palette — #FDF3EF · #B8E0C2 · #5B9EC6 · #247E57 · #4A3147

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#B8E0C2): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#5B9EC6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#247E57): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4A3147): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Drift 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 Periwinkle color palette (#FDF3EB, #A3DDFF, #7695D0, #007D74, #3B3458)
• Pine Study color palette (#FFF2EE, #6EE0DC, #009CBD, #08791A, #00345D)
• Powder Basin color palette (#FCF3F0, #C6F2E9, #85B9D5, #669276, #5C4D5B)
• Ancient Aqua color palette (#F5F6ED, #C2E3DD, #3EC4DF, #00A09D, #064151)
• Weathered Cabin color palette (#EDF8F6, #9CCDE1, #00869E, #00605F, #004154)
• Peony Veranda color palette (#EBF2DC, #61D48C, #B460B2, #308452, #4B244A)
• Cobalt Cabin color palette (#EDE0D9, #72BED1, #007BBE, #005C43, #121849)
• Sunlit Cerulean color palette (#F9E6DD, #00A4BC, #005E8F, #003D2B, #03022B)

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