Pine Boulevard color palette — #FFF4DF · #91AE72 · #007D56 · #654071 · #31411D

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#91AE72): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D56): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#654071): A full-bodied, balanced pink — the color of a candy shop window.
• Forest (#31411D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Petrol Study color palette (#F5F7E6, #6AB3A3, #007788, #793948, #2D4121)
• Hushed Emerald color palette (#EDE4CE, #709960, #00644F, #4E324F, #2A2B04)
• Frosted Olive color palette (#E4F8EB, #A3AF75, #447B22, #753630, #1E2400)
• Emerald Courtyard color palette (#FEF4E0, #B5C383, #5D983D, #98524A, #383F17)
• Hushed Moss Bloom color palette (#FFE7C9, #919A1F, #006E2A, #5B3C00, #2D3100)
• Hazy Archive color palette (#FDF7CF, #99AF30, #5B5DD5, #566400, #2E2F78)
• Linen Aubergine color palette (#E3F4BB, #849F27, #624AB2, #761C87, #2A3601)
• Softworn Corridor color palette (#FFF2EA, #ACDAC3, #4582C5, #006857, #383772)

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