Pine Drift color palette — #FCF1FC · #A3EAE9 · #00ACD5 · #008930 · #1F4166

Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Sea Foam (#A3EAE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ACD5): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#008930): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#1F4166): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Soft Pine color palette (#FFF2EB, #C7F8EA, #00C2E3, #008D56, #003955)
• Weathered Pine Workshop color palette (#FBF2FB, #61E1E6, #009AC7, #00783A, #00306A)
• Antique Azure color palette (#FDF1F8, #9FE8FF, #30A0FD, #00856B, #353A6C)
• Wisteria Drift color palette (#E9E9FF, #D68CFF, #00A7A1, #00935E, #3B2746)
• Washed Sky color palette (#F9F3F7, #D6D5E8, #77BAE4, #63927A, #465368)
• Cobalt Summit color palette (#F7E6EF, #84BAD0, #0074D6, #005B4C, #1A144A)
• Wandering Market color palette (#F7EAF1, #639CAF, #005A9D, #003D30, #060128)
• Wandering Lapis Lagoon color palette (#DBE6DA, #73A7D5, #4A4DDB, #004A4C, #1E0037)

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