Pine Drift color palette — #F8F3F9 · #D2E1F1 · #67A3BA · #497C54 · #41546A

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

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Frost (#D2E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#67A3BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#497C54): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#41546A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Turquoise color palette (#F1F7F2, #D1E2F3, #74BFCD, #579480, #3D5666)
• Worn Olive color palette (#F0F5FF, #8496CA, #A6843D, #6F772A, #384356)
• Turquoise Orchard color palette (#F5F1EB, #C5E6DD, #54ABBA, #3E7866, #243C31)
• Wandering Spruce color palette (#F3EAF5, #71ABA8, #006177, #034209, #00203C)
• Onyx Lantern color palette (#F5E8F3, #528B94, #004160, #002415, #01012E)
• Gentle Cobalt Parlor color palette (#FEF1F9, #A0D9E9, #0085D4, #006951, #313974)
• Cobalt Bloom color palette (#E6F9FF, #7DB7CC, #5084BC, #525B9A, #5B4666)
• Hushed Petrol Orchard color palette (#F7EAF1, #93B6CF, #3767B1, #005148, #2C2456)

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