Pine Boulevard color palette — #FFF2EE · #B2FFFA · #00ABCD · #117815 · #002644

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#B2FFFA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ABCD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#117815): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002644): 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 Boulevard 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

• Antique Azure Delta color palette (#FFF2EC, #D5DEF8, #00A5EB, #00764F, #071765)
• Lagoon Pier color palette (#ECF9EE, #A8E8E4, #00C0D1, #009C72, #003948)
• Forest Loft color palette (#FEF0FF, #76C8C3, #007B93, #0E5A0B, #00355B)
• Tempered Periwinkle Atelier color palette (#FFF2EB, #D7D6E5, #6FB2FF, #008A75, #2F2E5E)
• Weathered Cerulean Terrace color palette (#FFF2EE, #99D9DA, #0087AB, #005622, #000C21)
• Hushed Denim color palette (#FAECE4, #5FB0BF, #005A87, #002D1D, #00000B)
• Hazy Pier color palette (#FFE5C5, #C0BF00, #689200, #005B23, #003127)
• Tempered Lagoon color palette (#FCF3F0, #C1E1E8, #98D0D1, #6D9F7F, #5A4559)

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