Pine Boulevard color palette — #F8F3F9 · #C4E2EB · #3C96B4 · #267436 · #2D4A69

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#C4E2EB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3C96B4): A luminous, balanced blue — the color of deep harbor water.
• Olive (#267436): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2D4A69): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Worn Cypress color palette (#FAF3F6, #C4E0F6, #708ABC, #00716A, #484168)
• Tempered Cobalt Basin color palette (#FAF3F8, #A8CBDA, #1A80B6, #006343, #2A395F)
• Wandering Turquoise color palette (#F1F7F2, #CAE0F5, #25B8CC, #328C70, #294C60)
• Wandering Orchard color palette (#F6F1E9, #CBE4CB, #3E9CAB, #1A6E56, #0D3424)
• Washed Onyx color palette (#E8DEE7, #609AA0, #00506F, #00321A, #000F39)
• Tempered Rose color palette (#E8F8FF, #5DAEB6, #C96676, #00737C, #643038)
• Terracotta Chapel color palette (#EAF7FF, #3096B4, #AD6072, #9F442A, #1E3C4C)
• Hushed Garden color palette (#E7DCE0, #5986A3, #183385, #002221, #0D0025)

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