Pine Drift color palette — #F3F7EA · #6BB189 · #5E8BC7 · #00794A · #284367

Pine and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Jade (#6BB189): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#5E8BC7): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00794A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#284367): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Sunlit Corridor color palette (#F8F6E2, #91AA68, #0398BE, #537200, #004A5E)
• Dusty Studio color palette (#EEF9ED, #7CBEBC, #978FCD, #008382, #4C476C)
• Cerulean Dune color palette (#F1F9E0, #479C6E, #0088AA, #7F6600, #373932)
• Faded Olive Loft color palette (#DEF5EB, #3F98C3, #558A29, #005E82, #1F3F00)
• Wisteria Veranda color palette (#EEF5E2, #5EB98D, #B66EB9, #00784E, #361B38)
• Antique Orchard color palette (#EFF9EC, #59B1A5, #A48536, #00766B, #52400D)
• Weathered Lagoon color palette (#EBFCDC, #7EC4AE, #098A6D, #00523E, #003A2D)
• Tempered Lapis color palette (#D4EEC9, #009A89, #5A4EF5, #005C51, #250384)

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