Pine Corridor color palette — #FBF3F1 · #CAE4CE · #5193B4 · #007542 · #344868

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Celadon Mist (#CAE4CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#5193B4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007542): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#344868): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Corridor 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

• Cypress Balcony color palette (#FBF3EE, #CAE3D8, #6F8BB7, #007267, #5E3B4F)
• Softworn Grove color palette (#FDF3ED, #B0CDBC, #497CAD, #00624E, #313660)
• Cerulean Loft color palette (#EDF4EE, #BBE4F2, #409BB0, #176D5C, #162F3F)
• Dusty Turquoise color palette (#F9F4ED, #BFE9DF, #4AB5CE, #2E8C78, #2B5042)
• Olive Villa color palette (#F6F7E6, #8AAB75, #B270A0, #3F7603, #5D3052)
• Onyx Terrace color palette (#ECDDD6, #549BAA, #004F77, #003121, #050643)
• Washed Powder color palette (#FAF3F9, #CDE5FF, #73CAEF, #7BA484, #37495F)
• Frosted Lagoon color palette (#EDFCD6, #8AC19A, #238965, #00502F, #003524)

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